在将值绑定到下拉列表时触发事件

Question

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

像这样的东西，

@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>

Answer 2

是的，你可以。迭代选项。

// initially set options to select.
$( ".target" ).xxx(function() {
$("select option").each(function(){
if ($(this).text() == "something")
$(this).attr("selected","selected");
});
});

请记住，您一次只能选择一个选项。因此，请确保您知道要选择的选项。