jQuery我想向select中添加一个option，我这种方法有问题，求大神帮忙

Posted 2023-03-25

<select id="sel">
<option>==请选择==</option>
</select>

1.alert($("#sel").append("<option/>").html(0).val(0));

2.alert($("<option/>").html(1).val(1).appendTo("#sel"));
为什么第一种不可以，第二种可以呢,思路不是都一样吗

因为第一种方法，你添加的不是jQuery结点，所以jQuery无法识别，换成
alert($("#sel").append($("<option/>")).html(0).val(0));应该就可以了追问

还是不行

追答

是我写错了，换成这个

alert($("#sel").append($("<option/>").html(0).val(0)));

追问

哈哈，对，我犯2了，谢谢

参考技术A alert($("#sel").append("<option/>").find('option:last-child').html(0).val(0))

第一个因为append的返回值是select，所以html(0)是对select操作的。

应该把插入的option找出来，这里应该是last-child

jquery attr添加selected="selected"不如用prop

<select name="" ng-change="eeeee(selectedss)" ng-model="selectedss" second-select style="width:100%;" ng-options="organ.organId as organ.organName for organ in organList">
                            <option value="">请选择</option>
</select>

通过secondSelect挂载模拟下拉，

 

用attr(\'selected\',"selected")模拟选中，

发现两次选中一个值第二次选中则失效

selected="selected"依然添加上去 但是select处于未选择状态显示第一个，

element.trigger(\'change\')出来的值也是第一个

以前用过prop添加表单选中，屡试不爽，这次老是想不起这个方法。

才用了，attr，

给复选框 select加selected一定要用prop