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

不,你不能这样做.选项不能包含除文本内容之外的任何其他元素.

您可能希望查看一些自定义插件,或者创建自己的插件以从您提供的选择中渲染div/span.

允许的内容带有最终转义字符的文本(如é).

只是一个使用bootstrap下拉列表的例子.您可以根据需要自定义和设计样式.

小提琴

像这样的一点定制

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