javascript - 语义用户界面 : How to define selected item of search dropdown ("<select>")?

Question

如何设置搜索下拉(选择)表单域的选定项？我尝试使用以下 jQuery/JavaScript 代码:

if (equal == 0) {
    $('#sj_company').html($('#sj_company').html() + '<option value="' + key + '" selected="selected">' + data[key] + '</option>');
    $('.searchdropdown').dropdown('set selected', data[key]);
} else {
    $('#sj_company').html($('#sj_company').html() + '<option value="' + key + '">' + data[key] + '</option>');
}

编辑: 基础是语义 ui 前端框架;-)

Answer 1

对于语义 UI 框架，您应该在此处查阅指南:dropdown behavior .这告诉我们进行以下调用:

$('#dropdown').dropdown('设置选中', value);

或传递一个对象(可能对多选或开发人员的偏好有用):

$('#dropdown').dropdown({'set selected': value});

非框架答案(在针对特定框架编辑问题之前)

如果选择列表的 id 是dropdown，你可以这样做:

$('#dropdown').val();

要设置值，比如说选项的值为a，你可以这样做:

$('#dropdown').val('a');

我建议阅读 .val() 上的 jQuery 页面.

JSFiddle 示例:http://jsfiddle.net/vo9kpsry/1