Question

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

Answer 1

//HTML
<div id="dv"></div>

//JQuery
$(function () {
//创建select
var $select = $("<select id='s1'><option value='1'>text1</option></option>");
//把创建好的加载到div中
$("#dv").append($select);
//给所有option注册事件
$("#s1 option").click(function () {
//$(this).val()是每一个option的value
alert($(this).val());
});
});

Answer 2

$("<select/>").attr("id","test").appendTo($("body")).each(function(){
$("<option/>").val("0").text("text0").appendTo($(this));
$("<option/>").val("0").text("text0").appendTo($(this));
}).bind("change",function(){
//选中的事件
});

Answer 3

$("select").change(function(){
//这里是一个函数，当你改变select的值时就触发函数
})