用jquery给select添加的下拉选项,怎么设定黑色为默认选中的项!_百度知 ...

发布网友发布时间：2022-04-23 05:32

共2个回答

热心网友时间：2022-04-23 18:35

使用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);
});
})

观察效果

添加选项前

添加新选项后

热心网友时间：2022-04-23 19:53

动态添加进去的应该也是可以的设定为选中的项的
PS:我试了一下你的代码居然成功了，我用的Jquery 1.6.1