javascript - jQuery 相当于我的 javascript 代码（传递给表单的函数值）

Question

只是想问一下我的 jQuery 中的 JavaScript 代码是什么。顺便说一句，$name & $age 来自我的 PHP 代码。我想知道如何使用 jQuery 将 ($name and $age) 值传递给我的表单。下面是我的代码：

<input type="button" name="edit" value="edit" onclick="show('$name','$age')";>

<script>
function show(name,age)
{
getElementById("#hidden_division").visibility="visible";
getElementById("#name_input").value=name;
getElementbyId("#age_input").value=age;
}
 </script>

<div id="hidden_division>
<form action="somewhere.php">
<input type="text" name="name_form" id="name_input">
<input type="text" name="age_form" id="age_input">
<input type="submit" value="submit">
</form>
<div>

Answer 1

我不明白你为什么需要 jQuery（它更慢，甚至更短），但这就是它的样子：

在 html 中：

<input type="button" id="editbutton" value="edit">

在脚本中（加载 jQuery 之后）：

jQuery(function($) {
    $("#editbutton").click(function(e) {
        show('$name','$age');
    });
});

function show(name,age) {
    // If you meant the .style property, use the .css() method instead of .prop()
    $("#hidden_division").prop("visibility", "visible");
    $("#name_input").val(name);
    $("#age_input").val(age);
}

Answer 2

我想如果我理解正确，您是在问如何使用 jQuery 将 $name 和 $page 传递给您的函数？

这很简单，只要你包含 jQuery。

$("#submit_button").live("click", function(){
    var name = $("#name_input").val();
    var age  = $("#age_input").val();
    show(name, age);
});