jquery - HTML + 在下拉框中添加输入字段

Question

我想到了一个新想法。可能有人已经实现了。我正在尝试找到一种在下拉列表中添加文本框的方法。

表示我想在下拉列表中添加一个输入框。例如:

<select id='country'>
  <option value='USA'>USA</option>
  <option value='UK'>UK</option>
  <option value='Russia'>Russia</option>
  <option><input type='text' /></option> // Here I want to add dynamic country 
                                            using ajax but I am able to render
                                            this dropdown.
</select>

有没有人知道如何执行此操作？我不想在此下拉列表之外使用任何模式框或输入框。我只想在下拉列表中添加值，然后按回车键添加到数据库中。我不担心服务器端代码。我希望能够只呈现下拉菜单。

提前致谢。

Answer 1

没有。你不能这样做。 Option不能包含文本内容以外的任何其他元素。

您可能想要查看一些自定义插件，或者创建您自己的插件以从您提供的选择中呈现 div/spans。

Permitted content Text with eventually escaped characters (like é).

只是一个使用 bootstrap 的例子 的下拉菜单。您可以根据需要对其进行自定义和设置样式。

Fiddle

像一样的一点定制this

$('.dropdown-menu li').click(function () {
     $('.dropdown-toggle b').remove().appendTo($('.dropdown-toggle').text($(this).text()));
 });