使用onchange时无法获取动态选择器ID

时间:2014-10-21 09:30:25

标签: javascript jquery html

我正在尝试将textbox的输入值和id(var i)传递给此函数(doSomething)。

我得到的结果'我'总是10.所以我假设它在传递i值之前经历了9次循环。但是我希望在所选单元格上传递此值。

非常感谢!

HTML代码段

<form method="GET" id="game_form"></form>
<table border="1" style="background-color:#FFFFCC;border-collapse:collapse;border:1px solid #FFCC00;color:#000000;width:100" cellpadding="3" cellspacing="3">
  <tr>
    <td id="cell_1"><input type="text" id="input_1" form="game_form"></td>
    <td id="cell_2"><input type="text" id="input_2" form="game_form"></td>
    <td id="cell_3"><input type="text" id="input_3" form="game_form"></td>
  </tr>
  <tr>
    <td id="cell_4"><input type="text" id="input_4" form="game_form"></td>
    <td id="cell_5"><input type="text" id="input_5" form="game_form"></td>
    <td id="cell_6"><input type="text" id="input_6" form="game_form"></td>
  </tr>
  <tr>
    <td id="cell_7"><input type="text" id="input_7" form="game_form"></td>
    <td id="cell_8"><input type="text" id="input_8" form="game_form"></td>
    <td id="cell_9"><input type="text" id="input_9" form="game_form"></td>
  </tr>
</table>

Javascript代码段

$(window).load(
    function checkInput() {
        var i = 1;
        while (i<10) {
            var $gameMove = $('#input_'+i);
            $gameMove.on('change', function () {
                // Store the current value on focus and on change
                doSomething(this.value, i);});
            i++;
        }

    }
);

function doSomething(content, cell){
    alert(content + ' ' + cell);
}

0 个答案:

没有答案