作者tomin (藍藍紫黃橘 粉灰白綠咖)
看板Ajax
標題Re: [問題] jQuery如何抓取select值
時間Tue Nov 23 11:17:14 2010
※ 引述《johe5678 (鏡花水月)》之銘言：
: 各位前輩好~
: 最近小弟在寫jsp時用JSTL的forEach(迴圈)讀資料庫產品資料。
: 要抓使用者點選select value後button送出的值，因為資料用迴圈讀出
: 所以用document.getElementById("xxxx").value只會讀出第一個資料送出的value
: 其他的資料選的select value按button都沒效.
: 找了網路上資料看到用array跟迴圈+document.getElementsByName().value可以解決,看
: 起來很麻煩.
: 想問換jQuery是否有方法快速抓到選取數量的值,謝謝~
//↓可以設class當selector 如果還有其它的button
$("input[type='button']").click(function(){
var option =
$(this).parents('table').find("select[name='orderOption']").val();
alert(option);
});
Demo
http://www.jsfiddle.net/HtZAH/
每個id值都是唯一的 不宜重覆 因此要寫成id="xx1", id="xx2"之類的
另外我不確定table裡再包table 是不是好作法 不過看起來是ok的
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.122.30.198
1F：推 johe5678:感謝你^^ 馬上來試 11/23 11:33
2F：推 johe5678:不行~因為用迴圈跑出一個個產品table,所以id跟name都會重 11/23 11:49
3F：→ johe5678:覆QQ 11/23 11:50
4F：→ tomin:name可以重覆 不能run嗎？迴圈跑出來的demo的不同？ 11/23 11:53
5F：→ johe5678:在想會不會跟JSTL語言${}衝到,把jQuery的$換jQuery跑無效 11/23 12:49
6F：→ tomin:js另外寫就不會衝吧 不要寫在<% %>內 11/23 13:07