js实现select功能

select与option在  HTML与js的对应:

HTML

<select   name="pollut" id="params" class="" onchange="home.changePollut();" >

                    <option   th:each="alarmParams:${alarmParams}" value ="${alarmParams.id}"  th:selected="${alarmParams.id==id}"   th:text="${alarmParams.name}"></option>

            </select>

JS

 //得到地图上面的污染物的名称和ID
            $.post(__ctx+"/platform/home/getParamMap",function(result){
                var alarmParams = result;
                    $(alarmParams).each(function(){
                        var alarmParam=this;
                        $("#params").append("<option selected value='"+alarmParam.id+"'>"+alarmParam.name+"</option>");

                    })
            })

要注意传入的list的类型要用each遍历才可以

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章