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

时间:2015-12-03 16:56:14

标签: javascript jquery html asp.net-mvc-4 model-view-controller

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

我有以下代码..

HTML:`

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

使用Javascript:

 $("#Submit_id").click(function () {

            var submitval = $("#submit_id").html();
  alert (submitval);
});

这给了我未定义的值。你能帮我解决这个问题。

感谢。

1 个答案:

答案 0 :(得分:3)

您的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小提琴:https://jsfiddle.net/jg1k2ot4/1/