Question

如何根据用户更新文本框中的数字来调用Ajax？

我有以下内容。我删除了周围的代码，以便更容易理解。我在这里展示了两排更大的网格。

           <div class="rep_tr0">
                <div class="rep_td0" id="2">0001</div>            
                <div class="rep_td0"><input id="position_1" name="position_1" size="5" type="text" value="0" /></div>                           
            </div>
            <div class="rep_tr0">
                <div class="rep_td0" id="2">0002</div>          
                <div class="rep_td0"><input id="position_2" name="position_2" size="5" type="text" value="0" /></div>
            </div>

我需要的是当用户对其中一个名为“position_x”的输入字段进行更改时，我需要

- get the value of the input field marked with "position_x"
- get the value that is stored in the div with id="x" 
- make an ajax call passing the two parameters.

请注意，x标记行号。

Answer 1

这样的事情：


$("input[id^='position_']").change(function() {
    //get the value of the input field marked with "position_x"
    var posX = $(this).val();
    var idArr = $(this).attr("id");
    var idTmp = idArr.split("_");
    var id = idTmp[1];
        var divX = $("div[id='"+id+"']").html();    
    make an ajax call passing the two parameters.
    $.ajax({
        type: "POST",
        url : "your_url",
        data: "pos_x="+posX+"&div_x="+divX,
        success: function(response) {
            alert(response);
        }
    });
});

如何使用jQuery获取字段和另一个字段的值并发送到ajax？

1 个答案: