値をバインドしてドロップダウンするイベントを発生させる

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

あなたは、のような任意のループを使用せずに

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

一度に選択できるオプションは1つだけです。だからあなたが選択したいオプションを知っていることを確認してください。