javascript - 如何使用 Jquery 更改选项值？

Question

我正在寻找一种方法来在用户单击链接时更改 select 标记的选项值。

例如我有一个选择选项 html:

<select> <option value="0">Please Select</option> 
<option value="1">red</option> 
<option value="2">white</option> 
</select>

我有 2 个链接 <a href="#" title="red" class="preview_link">red</a> <a href="#" title="white">white</a>当用户单击红色时，选项将切换为红色，白色将切换为白色。我正在使用以下代码，但它不起作用。

 jQuery("a.preview_link").click(function() {
    var title = jQuery(this).attr("title");
        jQuery(this).parent('p').children("select :selected").text(title);
 });

有什么建议吗？

Answer 1

您的方式会将选项的文本设置为标题属性。尝试:

 jQuery("a.preview_link").click(function() {
    var title = jQuery(this).attr("title");
    jQuery(this).parent('p').find("select option").filter(function() {
        return $(this).text() == title;
    }).attr('selected', 'selected');
 });

参见 filter .