jquery mobile:表单selectmenu插件

阎咏思
2023-12-01

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>

 类似资料: