语义ui下拉列表中的默认选定值

Question

我正在尝试附加要选择的选项，并使用默认的选定值。

这是我的HTML代码

<div class="ui element" id="action-div">
<label for="action-type">Action</label>
<select id="action-type" class="ui dropdown" name="Action">
</select>
</div>

JavaScript代码

$('#action-type').append('<option value="initiate">Initiate</option>n' +
'<option value="generate">Generate</option>n' +
'<option value="cancel_and_reinitiate">Cancel and Reinitiate</option>n' +
'<option value="data_correction">Data Correction</option>').val('initiate');

我想默认选择第一个项目，但它不起作用。

请在这里帮忙。

提前感谢

Answer 1

尝试使用<option value="generate" selected = "selected"> Generate<option>。现在下拉列表的默认值设置为Generate。

我使用Generate向您展示如何设置要选择的默认值。如果你愿意，那么你可以使用selected=selected作为第一个元素以及

$('#action-type').append('<option value="initiate">Initiate</option>n' +
'<option value="generate" selected = "selected">Generate</option>n' +
'<option value="cancel_and_reinitiate">Cancel and Reinitiate</option>n' +
'<option value="data_correction">Data Correction</option>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ui element" id="action-div">
<label for="action-type">Action</label>
<select id="action-type" class="ui dropdown" name="Action">
</select>
</div>