“提交”按钮将值指定为“未定义”

Submit button gives value as Undefined

本文关键字:未定义 提交 按钮      更新时间:2023-09-26

我有一个表单,当我点击它时,我正在尝试获取提交按钮的值。

我有以下代码。。

HTML:`

                    <div>
                        <input id="Submit_id" type="submit" value="Insert" />
                    </div>

Javascript:

 $("#Submit_id").click(function () {
            var submitval = $("#submit_id").html();
  alert (submitval);
});

这给了我未定义的值。你能帮我做这个吗。

谢谢。

您的jquery选择器需要大写以匹配您的输入id。此外,您希望获得prop('value')而不是.html()

<div>
    <input id="Submit_id" type="submit" value="Insert" />
</div>

$("#Submit_id").click(function () {
    var submitval = $("#Submit_id").prop('value');
    //var submitval = $(this).val(); //also works as @SaminOz suggested
    alert (submitval);
});

编辑添加:你可以看到它在这个JS Fiddle上工作:https://jsfiddle.net/jg1k2ot4/1/