用逗号分隔的文本 JQuery 填充 DropDownList

Posted

技术标签:

【中文标题】用逗号分隔的文本 JQuery 填充 DropDownList【英文标题】:Fill DropDownList with comma-separated text JQuery 【发布时间】:2015-03-26 09:56:23 【问题描述】:

我有类似的文字

重要、离题、业务

我想用这个字符串来填充一个下拉列表。 数据是逗号分隔的文本,而不是 JSON。

<select name="ctl00$Content$ucShare$ddlTag" id="ctl00_Content_ucShare_ddlTag">
<option value="important">important</option>
<option value="offtopic">offtopic</option>
<option value="business">business</option>
</select>

我怎样才能用 JQuery 做到这一点?

【问题讨论】:

【参考方案1】:

以数组格式获取文本。然后使用 jquery 中的每个循环,您可以填写下拉列表。

var array = $('#yourfield').val().split(",");

var dllist= $('#yourdropdownid');

$.each(array,function(i)
    dllist.append(
        $('<option></option>').val(array[i]).html(array[i])
    );
);

工作演示在这里 Jsfiddle

【讨论】:

以上是关于用逗号分隔的文本 JQuery 填充 DropDownList的主要内容,如果未能解决你的问题,请参考以下文章