Значение по умолчанию выбрано в выпадающем списке семантического интерфейса

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>