用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>
展开
 我来答
learneroner
高粉答主

推荐于2018-05-06 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6581万
展开全部

使用jquery在select标签下添加选项可用append()方法,设置选中项可用val(),那么可以连写如下:

$("select").append(new_option).val(ckd); // 将new_option添加到select标签,并且使value等于ckd的option默认选中

下面给出示例:

  1. 创建Html元素:默认有两个选项,并且有一个按钮用以添加新选项

    <select>
    <option value="0">请选择颜色</option>
    <option value="1">红</option>
    <option value="2">绿</option>
    </select>
    <input type="button" value="增加颜色">
  2. 设置css简单美化一下select

    select{width:200px;border:2px dashed #ebbcbe;}
  3. 编写jquery代码:点击按钮后新增黑、白两个选项,并使黑这个选项被选中

    $(function(){
    $("input:button").click(function() {
    new_option = "<option value='3'>黑</option>" + "<option value='4'>白</option>";
    $("select").append(new_option).val(3);
    });
    })
  4. 观察效果

  • 添加选项前

  • 添加新选项后

百度网友ea1c09c
2011-07-29 · TA获得超过1004个赞
知道小有建树答主
回答量:856
采纳率:0%
帮助的人:1300万
展开全部
动态添加进去的应该也是可以的设定为选中的项的
PS:我试了一下你的代码居然成功了,我用的Jquery 1.6.1
更多追问追答
追问
我用的是:

我刚才载了jquery-1.6.1.js , 试了一下还是不行!怎么一样的代码,你那里好,我这里不好呢?
追答
我换成jquery-1.3.2.min.js试了一下,也没问题
应该是你其他地方写的有问题吧?
能不能多贴一些代码上来
PS:你怎么动态添加option的?是像你上面的代码那样吗?
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式