2014-10-07 35 views
0

我正在構建一系列輸入的頁面。其中之一是電子郵件地址的選擇列表。我在列表右端加上加號字形作爲調用一些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> 

回答

2

你可以通過使用按鈕來解決這個問題。

<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> 
+0

這裏是一支筆http://codepen.io/rema/pen/hItnp – Maverick 2014-10-07 22:30:49

+0

Brillant的工作。謝謝! – 2014-10-07 22:38:39

+0

歡迎您,很高興我能幫到您! – Maverick 2014-10-07 22:44:25