jquery - HTMLのドロップダウンでデフォルト値を設定する

Question

ドロップダウンのデフォルト値を設定しようとしていますが、失敗しています。このコードの何が問題なのか教えてください。

<span>Section Name:</span><select id="editSection" name="classSection" >
<option >A</option><option >B</option><option >C</option><option >D</option>
</select><br>

そして、ここに私のJavaScriptコードがあります:

$('input[id=editSection]').val($.trim(sec));

ドロップダウンのデフォルト値として秒を設定しようとしています。sec は、操作の数の後に取得される変数であり、その値は A、B、C、D になります。

Answer 1

IDのみを使用してみてください。Aselectとinputは同じタイプの要素とは見なされません。

フィドルのデモ

$('#editSection').val($.trim(sec));

Answer 2

Set the default value in dropdownlist using jQueryに関する適切な説明を見つけました。使用を提案します：

//for example let your sec variable be "C".
var sec = "C";
// it does the trick, and set default to sec's value.
$("select option:contains("+ $.trim( sec ) + ")").prop('selected',true);

Answer 3

<span>Section Name:</span>

<select id="editSection" name="classSection" >
    <option >A</option>
    <option >B</option>
    <option >C</option>
    <option >D</option>
</select><br>


var sec = "C";
$('#editSection option').each(function() {
    if ($(this).text() == sec){
        alert($(this).val());
        $(this).attr('selected', 'selected');
    }
});