javascript - 字形的 Bootstrap 样式作为按钮

Question

我正在构建一个包含一系列输入的页面。其中之一是电子邮件地址的选择列表。我在列表的右端包括一个加号字形作为一个按钮来调用一些 javascript，这将为更多的收件人添加额外的选择列表。

我花了相当多的时间尝试这样做，但没有得到我希望的结果。我能做的最好的就是这个代码示例。如果你直接点击加号，你会得到结果。但是，我希望字形周围的整个正方形都是可点击的——就像按钮一样。有什么建议么？谢谢!

<div class="form-group">
  <label for='the_user_email' class='col-sm-2 control-label' style='padding-right: 0px;'>Requested By</label>
  <div class='col-sm-6'>
    <div class="input-group" id="add_emails_event">
      <select class='form-control' name='the_user_email' id='the_user_email'>
        <option value='user1@domain.com'>user1@domain.com
        <option value='user2@domain.com'>user2@domain.com
      </select>
      <span class="input-group-addon"><a onclick="add_email();"><span class="glyphicon glyphicon-plus"></span></a></span>
    </div>
  </div>
</div>

Answer 1

您可以使用一个按钮来解决这个问题。

    <div class="form-group">
  <label for='the_user_email' class='col-sm-2 control-label' style='padding-right: 0px;'>Requested By</label>
  <div class='col-sm-6'>
    <div class="input-group" id="add_emails_event">
      <select class='form-control' name='the_user_email' id='the_user_email'>
        <option value='user1@domain.com'>user1@domain.com
        <option value='user2@domain.com'>user2@domain.com
      </select>
      <span class="input-group-btn"><button onclick="add_email();" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></button></span>
    </div>
  </div>
</div>