怎样用jQuery动态更新select里面某个option的内容

Question

我的select表单元素与ajax交互时，需要根据返回的结果动态更新某个option的内容

<select name="test" multiple="multiple" size="3">
<option value="1">123</opiton>
<option value="2">123</opiton>
<option value="3">123</opiton>
</select>

我想用jquery更新

$(document).ready(function () {
    // 这两种都不行
    $('select[name=test] option[value=2]').text('3333');
    $('select[name=test] option[value=2]').html('3333');
});

大家有好的办法来更新这个元素吗？

Answer 1

1.</opiton>拼写出错了,出错记得检查一下标签书写问题。
2.用text()方法或者html()方法都是可以的，用html()方法jQuery会先把标签过滤掉。

结论：一个标签书写错误引发的血案。

Answer 2

$("#test").children("option[value=1]").html("luger");

这样可以

Answer 3

不知道是不是想改，option的value?
$('select[name=test] option[value=2]').val('3333');