用jquery给select添加的下拉选项,怎么设定黑色为默认选中的项!
我是这样写的:<scripttype="text/javascript"language="javascript">$(function(){str="<optionva...
我是这样写的:
<script type="text/javascript" language="javascript">
$(function(){
str="<option value='紫色'>紫色</option>";
str += "<option value='黑色'>黑色</option>";
$("#ddl_1").append(str);
$("#ddl_1").attr("value","黑色");
})
</script>
说明:我试了一下,如果不是用jquery动态添加进去的select选项,倒是可以用 $("#ddl_1").attr("value","色彩") 来设定为选中的项! 请教大家!
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" language="javascript" src="/admin/js/jquery-1.6.1.js">
</script>
<script type="text/javascript" language="javascript">
$(function(){
str="<option value='紫色'>紫色</option>";
str += "<option value='红色'>红色</option>";
str += "<option value='黑色'>黑色</option>";
$("#ddl_1").append(str);
$("#ddl_1").attr("value","黑色");
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="ddl_1" runat="server" Height="18px" Width="437px">
</asp:DropDownList>
</div>
</form>
</body>
</html> 展开
<script type="text/javascript" language="javascript">
$(function(){
str="<option value='紫色'>紫色</option>";
str += "<option value='黑色'>黑色</option>";
$("#ddl_1").append(str);
$("#ddl_1").attr("value","黑色");
})
</script>
说明:我试了一下,如果不是用jquery动态添加进去的select选项,倒是可以用 $("#ddl_1").attr("value","色彩") 来设定为选中的项! 请教大家!
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" language="javascript" src="/admin/js/jquery-1.6.1.js">
</script>
<script type="text/javascript" language="javascript">
$(function(){
str="<option value='紫色'>紫色</option>";
str += "<option value='红色'>红色</option>";
str += "<option value='黑色'>黑色</option>";
$("#ddl_1").append(str);
$("#ddl_1").attr("value","黑色");
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="ddl_1" runat="server" Height="18px" Width="437px">
</asp:DropDownList>
</div>
</form>
</body>
</html> 展开
展开全部
使用jquery在select标签下添加选项可用append()方法,设置选中项可用val(),那么可以连写如下:
$("select").append(new_option).val(ckd); // 将new_option添加到select标签,并且使value等于ckd的option默认选中
下面给出示例:
创建Html元素:默认有两个选项,并且有一个按钮用以添加新选项
<select>
<option value="0">请选择颜色</option>
<option value="1">红</option>
<option value="2">绿</option>
</select>
<input type="button" value="增加颜色">设置css简单美化一下select
select{width:200px;border:2px dashed #ebbcbe;}
编写jquery代码:点击按钮后新增黑、白两个选项,并使黑这个选项被选中
$(function(){
$("input:button").click(function() {
new_option = "<option value='3'>黑</option>" + "<option value='4'>白</option>";
$("select").append(new_option).val(3);
});
})观察效果
展开全部
动态添加进去的应该也是可以的设定为选中的项的
PS:我试了一下你的代码居然成功了,我用的Jquery 1.6.1
PS:我试了一下你的代码居然成功了,我用的Jquery 1.6.1
更多追问追答
追问
我用的是:
我刚才载了jquery-1.6.1.js , 试了一下还是不行!怎么一样的代码,你那里好,我这里不好呢?
追答
我换成jquery-1.3.2.min.js试了一下,也没问题
应该是你其他地方写的有问题吧?
能不能多贴一些代码上来
PS:你怎么动态添加option的?是像你上面的代码那样吗?
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询