<select>在<a href>之內，我不想執行鏈接

Question

我有一個包裹在一個href中的表，所以如果他們點擊表中的任何位置，鏈接將被執行。

我的問題是，該表還有一個選擇下拉列表，我不希望鏈接執行，如果他們點擊select元素。

我試過在選擇之前結束了一個href，然後在選擇之後再次啓動，但那不起作用。

<a href="#" id="modifyPrefs" style="text-decoration:none;color:black"> 
<table class="formtable"> 
    <tr> 
    <td> 
     <select> 
     <option></option> 
      <c:forEach items="${allPrefs.Siblings}" var="s"> 
      <option>${s.lastName}</option> 
      </c:forEach> 
     </select> 
    </td> 
    </tr> 
</table> 

Answer 1

把整個表放入href沒有任何意義。爲什麼不把表頭的標題部分放到href中？

或

只需添加簡單的編輯按鈕任何通過點擊轉到您的網址進行編輯。

HTML：

<button id='button-id'>Edit</button> 

jQuery代碼：

$('#button-id').click(function() { window.location.pathname = '/yoururl'; });