Question

我有一个js函数，可以根据选择输入字段中的值更新数据库。这是javascript函数：

            function getStatusAction()
            {
              var matchId = $(this).attr('match-id');
              var status = jQuery('#match-status').val();
              jQuery.ajax({
                url:'../core/match_stat.php',
                type:'POST',
                data:{matchId:matchId,status:status},
                success: function(data){
                    //alert("Ok");
                },
                error: function(){
                    alert("Error..");
                },
              });
            }
            jQuery('select[name="match-status"]').change(getStatusAction);

HTML的一部分：

                <tr>
                    <td>
                        <select class="input" name="match-status" match-id="<?=$ActiveMatch['id'];?>" id="match-status">
                            <option value="3" <?= (($ActiveMatch['status'] == '3')?'selected':'')?>> </option>
                            <option value="1" <?= (($ActiveMatch['status'] == '1')?'selected':'');?> >won</option>
                            <option value="2" <?= (($ActiveMatch['status'] == '2')?'selected':'');?> >lost</option>
                        </select>
                    </td>
                </tr>

该函数应该分别获取匹配的ID，例如1,2 ...，状态分别为1,2,3，分别表示宽松，获胜和默认状态。问题是我只能更新第一行数据。如果我尝试对另一行数据执行此操作，则会使用第一个调用中的值。例如，如果我将第一行状态更新为获胜，如果我尝试更新第二行以使其松散，则它会更新为获胜。先前操作的状态。我该如何解决？

Answer 1

您可以尝试

        function getStatusAction(Element)  //<< add parameter here 
        {
          var matchId = $(Element).attr('match-id');  // <<< use it here
          var status = jQuery('#match-status').val();
          jQuery.ajax({
            url:'../core/match_stat.php',
            type:'POST',
            data:{matchId:matchId,status:status},
            success: function(data){
                //alert("Ok");
            },
            error: function(){
                alert("Error..");
            },
          });
        }
        jQuery('select[name="match-status"]').on('change' , function(){
           getStatusAction(this);  // << use the function here
        });

注意： ID应该是唯一的，因此，如果您只有一个ID为match-status的元素，那么它很好..但是如果您的select具有相同的ID，则将id="match-status"更改为class="match-status"，并将var status = jQuery('#match-status').val();更改为var status = $(Element).val();

通过ajax发布到数据库

1 个答案: