将输入元素的值设置为变量的值

Question

我有这个 jQuery 脚本来填充我的隐藏字段：

$("#button").click(function() {
    $("#myHiddenField").val(4);
    $("#form").submit(); 
}); 

我想用变量替换硬编码的“4”：

我试过了：

$("#button").click(function(i) { 
    $("#myHiddenField").val(i); 
    $("#form").submit(); 
}); 

但它不起作用，我不知道如何传递参数i。这部分代码有什么问题？

我有 4 个不同的按钮。我不想为每个按钮创建 4 个功能点击。在这种情况下，i 是一个隐藏字段的值，用于标识哪个按钮被点击了。

Answer 1

您可以使用属性来存储临时值并在以后访问它：

// set value
$("#button").attr("temp", 4);
...
$("#button").click(function() { 
        $("#myHiddenField").val($(this).attr("temp")); 
        $("#form").submit(); 
}); 

您也可以使用全局变量，但不建议这样做。

Answer 2

click 事件处理程序的参数是jQuery Event Object，而不是自定义变量。你想做的很简单：

var someVariable = 4;
$("#button").click(function() { 
    $("#myHiddenField").val( someVariable ); 
    $("#form").submit();
});

当您绑定点击处理程序或在全局范围内（或在处理程序本身内，取决于值的来源）时，请确保在父范围内定义 someVariable。

Answer 3

i 在您的情况下是 event... 所以它无法将值放入隐藏字段...在 click 或全局变量中定义一个变量 i ... 试试这个

$("#button").click(function() { 
    var i="somevalue"; //value u want
    $("#myHiddenField").val(i); 
    $("#form").submit(); 
}); 

Answer 4

这取决于您想从哪里获得价值。传入匿名函数的是事件对象，而不是普通变量。试试这个：

$("#button").click(function(event) {

    var x = getValueFromSomewhere();

    $("#myHiddenField").val(x);
    $("#form").submit(); 
});

或者这个：

var y = getValueFromSomewhere();

$("#button").click(function(event) {

    // The anonymous function can access variables from the outer scope.
    $("#myHiddenField").val(y);
    $("#form").submit(); 
});

Answer 5

如果要将i 设置为该值，则：

var i
$("#button").click(function() { 
        i=$("#myHiddenField").val(); 
        $("#form").submit(); 
}); 

val()默认返回元素的值。

如果要将值设置为i，则需要先设置i：

var i=4
$("#button").click(function() { 
        $("#myHiddenField").val(i); 
        $("#form").submit(); 
}); 

---

在您当前的代码中，i 被发送到点击生成的Event。我认为你不想这样做。