Jquery 如何添加下拉列表和引导中的文本框，从下拉框中选择选项

我需要在文本框中添加下拉列表，以便从列表中选择选项

我找到了html，但它没有选择选项，而是重定向到页面。 下面是html代码

<div class="form-group">
 <div class="input-group">
  <input type="text" class="form-control">
  <div class="input-group-btn">
   <button type="button" class="btn btn-default dropdown-toggle" data- toggle="dropdown">Domain<span class="caret"></span></button>
   <ul class="dropdown-menu" role="menu">
    <li><a href="#">@gmail.com</a></li>
    <li><a href="#">@yahoo.com</a></li>
    <li><a href="#">@hotmail.com</a></li>
   </ul>
  </div>
 </div>
</div>

领域

我假设您想要选择一个

@域

并更改按钮文本

我使用了

和

html标记，以及一些jQuery

您的解决方案如下：

HTML:

<div class="form-group">
    <div class="input-group">
        <input type="text" class="form-control">
        <div class="input-group-btn">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Domain<span class="caret"></span>

            </button>
            <ul class="dropdown-menu" role="menu">
                <select id="multiple" multiple="multiple">
                    <option>@gmail.com</option>
                    <option>@yahoo.com</option>
                    <option>@hotmail.com</option>
                </select>
            </ul>
        </div>
        </input>
    </div>

---

我不确定我是否理解你想要的，但是如果你不想它重定向，不要使用标签。只需将文本放入

标记中。我也这样做了。但它并没有取代我选择的域名。我已经有了这个。但我需要它引导分组文本框。系统将只接受三种电子邮件地址。那就是“gmail.com”、“yahoo.com”和“hotmail.com”。用户将键入用户名并选择域。那么，我提供的解决方案有什么问题？您可以编写您的

用户名

，然后选择一个

域

，该域将添加到您的

用户名

。我将为您应用代码。它和

一样。这并不是用我从列表中选择的内容替换“域”，现在我明白了。当您选择@domain时，您想更改按钮

domain

文本。我已经更新了我的答案，看看吧。

$(function () {
    $("select").change(function () {
        $("select option:selected").each(function () {
            $('button').html( $(this).text() );
        });
    });
});