用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> 展开
2个回答
展开全部
使用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的？是像你上面的代码那样吗？
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
