Question

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

<select id="youSelect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

现在点击一个按钮我想设置mySelect选项：你选择的值选择所以为此我做了这个

$('#youSelect option:selected').text($('#myselect option:selected').text())

但它不起作用。请指导如何解决这个问题。

Answer 1

简单地说：

$('#youSelect').val($('#myselect').val());

您正在匹配值，而不是文本。

修改：根据您编辑过的问题，您可能会看到与this question

相同的情况

var _mySelectText = $("#myselect option:selected").text();
$("#youSelect option").filter(function () {
    return this.text === _mySelectText;
}).attr("selected", "selected");

Answer 2

$("#youSelect").val("thevalue");

只需确保options标记中的值与val方法中的值匹配。

Answer 3

  var myValue = $("#myselect option:selected").text();
  var secondoption = $("#youSelect")[0];


  for (var i = 0, sL = secondoption.length; i < sL; i++) {
    if (secondoption.options[i].text == myValue) {
      secondoption.selectedIndex = i;
      break;
    }
  }

http://plnkr.co/edit/GVt8rZswjzZTC13vw98N?p=preview

Answer 4

使用它。

$(selector_to_your_button).on('click',function(){
    $('#youSelect).val($("#myselect").val());
});

如何设置选项文本：在jquery中选择

4 个答案: