怎么用jQuery动态创建一个select控件,同时给它添加选中事件?

时间:2021-12-04 22:35:55
怎么用jQuery动态创建一个select控件,同时给它添加选中事件? 

6 个解决方案

#1



//mydiv为某个div的id
    $("#mydiv").append("<select id='Select1' name='D1'><option></option></select>");
    $("#Select1").click(function() { alert("ok") });

#2



//mydiv为某个div的id
    $("#mydiv").append("<select id='Select1' name='D1'><option></option></select>");
    $("#Select1").die().live("click",function() { alert("ok"); });

#3


  $("#mydiv").append("<select id='Select1' onchange='ok();' name='D1'><option></option></select>");
function ok()
{
alert('OK');
}

#4


沙发正解

不过lz说的应该是select事件吧
$("#Select1").select(function() { alert("ok") });


 
 
 
 
----------------------------------签----------名----------栏----------------------------------
上班,周末,上班,周末

#5


    var $sel=$("<select/>")
.append("<option>100</option>")
.append("<option>200</option>")
.append("<option>300</option>")
.find("option")
.click(function(){
                alert( $(this).text() );              
})
.end();

$("body").append($sel);

#6


引用 1 楼 bdmh 的回复:
JScript code

//mydiv为某个div的id
    $("#mydiv").append("<select id='Select1' name='D1'><option></option></select>");
    $("#Select1").click(function() { alert("ok") });

尝试一下吧 呵呵 祝你好晕

#1



//mydiv为某个div的id
    $("#mydiv").append("<select id='Select1' name='D1'><option></option></select>");
    $("#Select1").click(function() { alert("ok") });

#2



//mydiv为某个div的id
    $("#mydiv").append("<select id='Select1' name='D1'><option></option></select>");
    $("#Select1").die().live("click",function() { alert("ok"); });

#3


  $("#mydiv").append("<select id='Select1' onchange='ok();' name='D1'><option></option></select>");
function ok()
{
alert('OK');
}

#4


沙发正解

不过lz说的应该是select事件吧
$("#Select1").select(function() { alert("ok") });


 
 
 
 
----------------------------------签----------名----------栏----------------------------------
上班,周末,上班,周末

#5


    var $sel=$("<select/>")
.append("<option>100</option>")
.append("<option>200</option>")
.append("<option>300</option>")
.find("option")
.click(function(){
                alert( $(this).text() );              
})
.end();

$("body").append($sel);

#6


引用 1 楼 bdmh 的回复:
JScript code

//mydiv为某个div的id
    $("#mydiv").append("<select id='Select1' name='D1'><option></option></select>");
    $("#Select1").click(function() { alert("ok") });

尝试一下吧 呵呵 祝你好晕