使用追加后，在选择框中设置所选值时出错

Error set selected value in selectbox after use append

本文关键字：设置 出错 追加 选择      更新时间：2023-09-26

我有一个投递箱

<select name="product">
<option value="">Select a product</option>
<option value="1">iPhone</option>
</select>

还有我的脚本

$('select[name=product]').append("<option value='2'>Samsung</option>").prop('selected', true);

这是我的结果

<select name="product">
<option value="">Select a product</option>
<option value="1">iPhone</option>
<option value="2">Samsung</option>
</select>

如何修复

<select name="product">
<option value="">Select a product</option>
<option value="1">iPhone</option>
<option value="2" selected="selected">Samsung</option>
</select>

直接添加selected属性更容易：

$('select[name=product]').append("<option value='2' selected>Samsung</option>");

DEMO

jQuery链接返回初始select对象，但不返回附加的option。

您的代码与相同

var o = $('select[name=product]');
o.append('<option/>');
o.prop('selected', true); // not on option, but on select

将语法更改为以下内容：

$("<option value='2'>Samsung</option>")
    .appendTo('select[name=product]')
    .prop('selected', true);

您需要更改选项的选定属性。

试试？

$('select[name=product]').append("<option value='2' selected=SELECTED>Samsung</option>");

这很容易。你可以这样做。

$('select[name=product]').append("<option value='2'>Samsung</option>");
$('select[name=product] option:last').attr('selected', 'selected');
相关文章：