將事件綁定到下拉列表中的事件

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"); 
}); 
}); 

請記住，您一次只能選擇一個選項。所以請確保你知道你想要選擇的選項。