javascript - 将值绑定(bind)到下拉列表时触发事件

Question

我需要在将这些值绑定(bind)到select期间操作这些值。哪个事件可以将绑定(bind)值作为参数传递并通过添加的属性返回相同的值，或者直接获取选项并通过添加属性返回？

类似这样的事情，

@Html.DropDownListFor(m => m.UserId, Model.UserList, "Select Name", new { @class = "target", @id = "ddlNames" })

$( ".target" ).xxx(function() {
  //Fetch the options here and add a property (selected="selected")
});

有什么想法吗？

Answer 1

您必须使用$.ready()与 :contains()不使用任何循环，例如，

$(function() { // just use code in document ready
    $(".target option:contains(Option-Value)").attr('selected','selected');
});

片段，

$(function() { // just use code in document ready
  $(".target option:contains(Option 4)").attr('selected', 'selected');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="target">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
  <option value="option4">Option 4</option>
  <option value="option5">Option 5</option>
</select>