作者evernever (NeverEver)
看板Ajax
標題Re: [問題] jQuery如何抓取select值
時間Tue Nov 23 20:54:32 2010
※ 引述《johe5678 (鏡花水月)》之銘言：
: ※ 引述《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">
// ready onload & noConflict
jQuery(function($) {
$("#productPage input:button").click(function() {
alert($(this).closest("table").find("tr td select").val());
});
});
: </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: 115.64.54.125