作者johe5678 (鏡花水月)
看板Ajax
標題Re: [問題] jQuery如何抓取select值
時間Tue Nov 23 20:12:07 2010
※ 引述《tomin (藍藍紫黃橘 粉灰白綠咖)》之銘言：
因為一直試不出來，就直接開一個新檔測。
發現在$("input[type='button']").click(function(){
裡面加alert("xxxx");}); 按button也沒彈出xxxx訊息
這樣是沒抓到嗎?
把測試碼貼上來麻煩大家指教一下，謝謝
<html>
<head>
<script src="
http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
$("input[type='button']").click(function(){
var option =
$(this).parents('table').find("select[name='orderOption']").val();
alert(option);
});
</script>
</head>
<body>
<form id="productPage" >
<table border=1 align="center" >
<tbody>
<tr>
<td>產品照片</td>
<td>產品名稱</td>
<td>產品價格</td>
<td>產品介紹</td>
<td>
<table>
<tr>
<td>
<select name="orderOption" >
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</td>
</tr>
<tr>
</tr>
<tr>
<td>
<input type="button" value="加入購物車">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>產品照片</td>
<td>產品名稱</td>
<td>產品價格</td>
<td>產品介紹</td>
<td>
<table>
<tr>
<td>
<select name="orderOption" >
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</td>
</tr>
<tr>
</tr>
<tr>
<td>
<input type="button" value="加入購物車">
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.134.192.223
1F：→ TonyQ:你很顯然的你有地方寫錯了或者有邏輯錯誤。 11/23 20:21
※ 編輯: johe5678 來自: 220.134.192.223 (11/23 20:32)
2F：推 mesak:家個 $(function(){ xxx }) or $(document).ready 11/23 20:41
3F：→ mesak:parents('table:first') 11/23 20:41
4F：推 tomin:或是把javascript搬到</body>前 11/23 20:42
5F：→ johe5678:可以了^^ 感謝三位回答. 11/23 21:34
6F：→ johe5678:對了取到的值,在function裡如何呼叫那個變數?@@? 11/24 00:13