作者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