javascript - フォーム選択オプション動的属性

Question

特定の値またはインデックスを選択するには、オプション値で名前を選択する必要があります。値 "{{design}}" の db からのデータ。私は正しい値を取得しますが、現在のオプション値に「選択済み」を設定することはできません。コードは次のとおりです。

console.log("{{design}}");
$(document).ready(function () {
       var options = $('select').children('option');
    var size =    $('select').children('option').length;
    for (i=0;i<size;i++)
    {
        if ( options[i].innerHTML==="{{design}}")
        {
            options.selectedIndex=i;
        }
    }
});

htmlは次のとおりです。

      <select name="design" required id="design"  >
                <option value="1">flowers</option>
                <option value="2">classic</option>
                <option value="3">roses</option>
            </select>

{{design}} の値を修正する必要があります。2 としましょう。つまり <option value="2" selected>classic</option>`になります。

ありがとう！

解決した

こんにちは、問題の解決策を見つけました。もし誰かがトラブルに巻き込まれた場合。

 $(document).ready(function () {
            var options =      $('select').children('option');
        var size =    $('select').children('option').length;
        for (i=0;i<size;i++)
        {
            if ( $('select').children('option')[i].value === "{{design}}")
            {

                 $('select').children('option')[i].selected=true;
            }
        }
    });

正しい方法は、正しいオプション値を見つけてから、-> [i].selected=true にすることです。

幸運を

Answer 1

私の理解が正しければ、あなたは少し寄り道するだけで正しい道を進んでいます。これを試して：

if ( options[i].innerHTML==="{{design}}")
    {
        options.attr('selected', 'selected');
    }

.each() の使用例:

$(document).ready(function(){
    $('select option').each(function(i){
        if( i.value === "{{design}}"){
            $(this).attr('selected','selected');
        }
    });
});

Answer 2

これを試して

var selectedvalue=2; //option with value 2 should be selected
$("#design option[value=selectedvalue]").attr("selected","selected");

お役に立てれば...

Answer 3

これを試して：

$(document).ready(function(){
    $('select option').each(function(i){
       //if this option contains the word "{{design}}" Then this is selected
        if( $(this).html().indexOf("{{design}}") != -1)
            $(this).attr('selected',true);
    });
});