Question

function myFunction(id,value){
    $.ajax({
        type: "POST",
        url: "/inc/scripts/post.php",
        data: { "did": id, "value": value },
        dataType: "JSON",
        success: function(data) {
            alert(data.message);
        },
        error: function(){
            alert("ERROR");
        }
    });
}

<input name="value_'.$objet['did'].'" class="form-control" placeholder="Quantité" value="" required="" type="text">
<div class="bouton-menu" onClick="myFunction('.$objet['did'].',value of the field text)">OK</div>

如何在文本中找到值并将其放入myFunction() (onClick)？

Answer 1

在输入字段中添加一个ID，您可以在函数中获取该值，如下所示

data:{"did":id,"value":$('#ID_OF_TEXT_FIELD').val()},

Answer 2

首先，尝试使用jQuery附加事件。这是一种更好的做法，让您的HTML看起来更清洁：

<input name="value_'.$objet['did'].'" class="form-control" placeholder="Quantité" value="" required="" type="text">
<div class="bouton-menu" data-id="'.$objet['did'].'">OK</div>

然后你可以在jQuery中执行以下操作：

$('.bouton-menu').click(function() {
    var value = ;
    $.ajax({
        type:"POST",
        url: "/inc/scripts/post.php",
        data: { 
            "did": $(this).data('id'), 
            "value": $('.form-control').val() 
        },
        dataType:"JSON",
        success: function(data) {
            alert(data.message);
        },
        error:function(){
            alert("ERROR");
        }
    });
});

Answer 3

删除myFunction中的第二个参数并使用以下代码：

function myFunction(id){
var value = $(input['name=value_' + id]).val()
$.ajax(
  {
   type:"POST",
   url:"/inc/scripts/post.php",
   data:{"did":id,"value":value},
   dataType:"JSON",
    success: function(data) {
    alert(data.message);
    },
        error:function(){
            alert("ERROR");

        }
  }
 );
}

Answer 4

给输入一个id 例如

<input type="text" id="myval"/>

而不是点击html调用javascript中的函数，在ajax之前的那个

var myvalue = $("#myval").val();

在onClick函数中查找文本字段的值

4 个答案: