如何在javascript中動態添加“selected”屬性以選擇選項？

Question

我有一個 javascript 自動表單創建公式。 我正在努力解決選擇列表中選項的“選擇”屬性。 我想選擇與 const c 匹配的選項（在這種情況下，我想選擇“Formation”選項）。

我怎樣才能做到這一點？ 任何的想法 ？ 非常感謝法國！

const c = "Formation";                

const training_level = document.createElement('select');
training_level.setAttribute('value', c)
training_level.setAttribute('id', 'rec_mode')
training_level.required = true

var j = new Array("-- Type de diplôme --","Formation","Brevet","Bac","Bac +1"),    
var options = '';

for (var i = 0; i < j.length; i++) {
options += '<option value="' + j[i]+ '">' + j[i] + '</option>';
}

training_level.appendChild(options);

Answer 1

測試c的值是否與j[i]的值匹配。 使用該條件的值來填充selected屬性：

for (var i = 0; i < j.length; i++) {
    var selected = (c == j[i]) ? "selected" : "";
    options += '<option value="' + j[i]+ '" selected="' + selected + '">' + j[i] + '</option>';
}

Answer 2

假設您有一個 id opt1的選項，例如

<option value="your_value" id="opt1">option text</option>

那么你可以做

document.getElementById('opt1').setAttribute('selected', 'selected')

PS 這僅在您使用本機選擇時才有效。 另一種選擇是使用假選擇