Question

html js jquery 请问如何在点击td内的下拉框的同时 避免触发td上的单机事件？

<td width="30%" class="nav_02" id="fid1" onclick="setFuId('xmlx','1');">
<span id="1">项目类型</span>
<select style="display:none; width:140px" id ="getxmlxlx" onchange="setFuId('xmlx','1');">
<option value="all" selected >项目类型</option>
</select>
</td>
首先用JQuery 通过id使span显示，下拉框隐藏。触发某单击事件后 span隐藏，下拉框显示。
此时， 如何在点击下拉框的同时能够避免触发td上的单机事件？

Answer 1

jQuery(function(){
	jQuery('#getxmlxlx').click(function(e){
		// 关闭事件冒泡到父节点td 这样就不会触发td的click事件了
		e.stopPropagation();	
	});
});