Question

我想在jQuery的下拉列表中为所选项添加一个属性selected="selected"。如果我换到另一个项目，我想将所选项目设置为新项目等。

$(document).ready(function() {
  $("#to").change(function() {
    $("#to option").val('Saab').attr("selected", true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<form action="">
  Name: <input type="text" name="user"><br> Car:
  <select id="to">
    <option>Volvo</option>
    <option >Saab</option>
    <option>Mercedes</option>
    <option>Audi</option>
  </select>
</form>

Here' a jsFiddle代码

Answer 1

根据问题的评论：

我的意思是将设置属性选中=“已选择”到下拉列表中的选定项目

要实现此目的，您可以使用:selected检索所选的option元素，然后再使用attr()设置元素的属性。您还需要在之前选择的其他removeAttr()元素上使用option，如下所示：

$(document).ready(function() {
  $("#to").change(function() {
    $('#to option').removeAttr('selected').filter(':selected').attr("selected", true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<form action="">
  Name:
  <input type="text" name="user">
  <br> Car:
  <select id="to">
    <option>Volvo</option>
    <option>Saab</option>
    <option>Mercedes</option>
    <option>Audi</option>
  </select>
</form>

如何在JQuery中将属性设置为下拉列表中的选定项？

1 个答案: