天天看點

jquery mobile:表單selectmenu插件

1、動态建立input

//動态建立

$("#selectmenu_id").bind('click',function(){ //一次哦 

        if($("#your_choice_new").length < 1){ 

            var arr = ["<select id='your_choice_new' data-native-menu='false'>", 

                            "<option>11</option>", 

                            "<option>22</option>", 

                            "<option>33</option>", 

                        "</select>" ]; 

            //插入到dom中 

            $(arr.join("")).insertAfter("#test_checkbox"); 

            //可以設定主題: 

            $("#your_choice_new").selectmenu({ theme:"e" }); 

        } 

    });

2、disable(禁用)

//禁用

$("#disable_selectmenu").bind('click',function(){

$("#your_choice_new").selectmenu("disable");

});

3、enable(啟用)

//啟用

$("#enable_selectmenu").bind('click',function(){

     $("#your_choice_new").selectmenu("enable");

});

4、 動态修改select選擇框

$("#day").val("thu").selectmenu('refresh', true);

5、用到下拉清單框select時,需要對選中的<option>選項觸發事件,其實<option>本身沒有觸發事件方法,我們隻有在select裡的onchange方法裡觸發。當我們觸發select的輕按兩下事件時,用ondblclick方法

<select id="cod" οnchange="selectCod()">

            <option value="" >請選擇</option>

 </select>

繼續閱讀