字形的自举式样作为按钮

我正在构建一系列输入的页面。其中之一是电子邮件地址的选择列表。我在列表右端加上加号字形作为调用一些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='[email protected]'>[email protected] 
     <option value='[email protected]'>[email protected] 
     </select> 
     <span class="input-group-addon"><a onclick="add_email();"><span class="glyphicon glyphicon-plus"></span></a></span> 
    </div> 
    </div> 
</div>

来源

2014-10-07 David Spencer

你可以通过使用按钮来解决这个问题。

<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='[email protected]'>[email protected] 
     <option value='[email protected]'>[email protected] 
     </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>

来源

2014-10-07 22:30:28 Maverick

这里是一支笔http://codepen.io/rema/pen/hItnp – Maverick 2014-10-07 22:30:49

Brillant的工作。谢谢！ – 2014-10-07 22:38:39

欢迎您，很高兴我能帮到您！ – Maverick 2014-10-07 22:44:25

字形的自举式样作为按钮

回答

相关问题