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遍歷纔可以

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