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 来向您展示如何设置默认值以进行选择。如果需要的话，也可以将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>

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

1 个答案: