时间戳

首页 > 解决方案 > 语义 ui 下拉列表中的默认选定值

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

问题描述

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

这是我的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');

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

请在这里帮忙。

提前致谢

标签： javascripthtmldropdownsemantic-ui

解决方案

尝试使用<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>

推荐阅读