JS input陣列的index抓取

javascript jquery

柯柯 2018-06-21 14:35:50 ‧ 6566 瀏覽

分享至

我有多個name=dt_qty[]的input陣列
我再改變值的時候想去抓正在改變得這個陣列的index

我不管改變哪個input的值 alert出來都是 0

我有參考過這篇文章可是一樣沒辦法
https://stackoverflow.com/questions/492833/getting-correct-index-from-input-array-in-jquery

<input type='text' name='dt_qty[]' onchange='updateSum($(this).index())' value='1'>
<input type='text' name='dt_qty[]' onchange='updateSum($(this).index())' value='2'>
<input type='text' name='dt_qty[]' onchange='updateSum($(this).index())' value='3'>
<input type='text' name='dt_qty[]' onchange='updateSum($(this).index())' value='4'>

<script>
function updateSum(index){
    alert(index);
}
</script>

跟著鄉民看熱鬧 iT邦高手 1 級 ‧ 2018-06-21 15:09:43 檢舉

建立不要把event寫在html上，這種做法已經作古了～

小碼農米爾 iT邦高手 1 級 ‧ 2018-06-22 23:01:41 檢舉

我測試大大的程式，結果是正確的。

柯柯 iT邦新手 2 級 ‧ 2018-06-27 15:01:47 檢舉

@fysh711426 因為我少判斷表格的關係我每個input是用表格分開所以會變成index 都是0 後來才發現是表格的關係有改寫法

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

暐翰

iT邦大師 1 級 ‧ 2018-06-21 14:44:01

最佳解答

改成下面這樣就可以

<input type='text' name='dt_qty[]' onchange='updateSum(this)' value='1'>
<input type='text' name='dt_qty[]' onchange='updateSum(this)' value='2'>
<input type='text' name='dt_qty[]' onchange='updateSum(this)' value='3'>
<input type='text' name='dt_qty[]' onchange='updateSum(this)' value='4'>

<script>
function updateSum(e){
    alert($(e).index());
}
</script>

線上測試連結

回應 6
分享
檢舉

看更多先前的回應...收起先前的回應...

柯柯 iT邦新手 2 級 ‧ 2018-06-21 14:54:06 檢舉

如果 input用成JS動態產生也能有一樣的效果嗎

暐翰 iT邦大師 1 級 ‧ 2018-06-21 14:55:25 檢舉

對一樣有效果

柯柯 iT邦新手 2 級 ‧ 2018-06-21 14:56:43 檢舉

好的我試試看感謝

柯柯 iT邦新手 2 級 ‧ 2018-06-22 09:26:29 檢舉

我想再問一下如果我有加表格的話是不是抓不到index

如果要用表格的話要怎去抓他的index?

<table>
    <tr>
      <td><input type='text' name='dt_qty[]'></td>
    </tr>
    <tr>
      <td><input type='text' name='dt_qty[]'></td>
    </tr>
    <tr>
      <td><input type='text' name='dt_qty[]'></td>
    </tr>
    <tr>
      <td><input type='text' name='dt_qty[]'></td>
    </tr>
</table>

<script>
$('input[name="dt_qty[]"]').change(function(){
  alert($(this).index());
});
</script>

輸出的index都是0