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

Posted 2023-04-24

//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());
);
); 参考技术A $("<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()
//选中的事件
); 参考技术B $("select").change(function()
//这里是一个函数，当你改变select的值时就触发函数
)

jquery实现html的控件select的缓慢下拉效果

小弟页面新手，想做一个登陆的html页面，其中有一个select框，用于选定用户角色。现在想用JQuery的动画效果实现，当我点击这个下拉框的时候，下拉出来的选项option用缓慢的方式向下呈现，网上到处都找不到关于这个动画细节的操作方法，望各位高手帮忙啊，谢谢！

的确有这样的效果，但用select标签本身是做不到的，一般是用图层重新和表格重新画一个类似select框的东西平时把表格隐藏并且讲的高度设为0，遇到事件触发时，用动画慢慢把高度拉大。而且select的外观是由系统外观决定的无法改变，一般看到的网页上的很漂亮的下拉菜单，如果不是用flash做的话，都是用其他标签重画的。 参考技术A 的确是完全没有必要在这种细节上做特效.
===========
另外,你看到的下拉框缓慢拉出,一般不是直接这样做出来的.
可能是在select的onclick()事件中拉出一个div来模拟下拉框.一般是需要额外的智能提示才会去模拟select的下拉框,你这个应用看起来没有这个必要. 参考技术B 那就不能用select控件了
得自己做一个模仿的下拉框 用ul li什么的就行
然后用jquery的slideDown()和slideUp()方法就可以了 参考技术C 话说，你做这个一点儿用也没有，你是娱乐型网站么？娱乐型网站也没有做这个功能的……从来都没听过在登录框上做特效的……