Question

我有一个文本框，我可以在其中提供一个字符串。当我运行调试器（IE和Chrome）时，我可以看到它读取的字符串不包含我的输入，而是“”（空字符串）。 - 实际上有两个文本框，但它们是相似的。

框和我的代码看起来像这样，Html部分：

<table>
        <tbody><tr><td>Type value here</td><td>Type second value here</td></tr>
        <tr><td><input id="MTY1" type="text"></td><td><input id="MTY2" type="text"></td></tr>
        <tr><td></td><td><button name="btnGetPerson" onclick="GetPerson();">Retrieve info</button></td></tr>

Jquery部分：

MyTypedValue1 = $('#MTY1').val();
MyTypedValue2 = $('#MTY2').val();

我发现了许多与此问题密切相关的答案。我尝试了以下方法：

MyTypedValue1 = $('#MTY1').value();
MyTypedValue2 = $('#MTY2').value();

MyTypedValue1 = $('#MTY1');
MyTypedValue2 = $('#MTY2');

我也试过Js表格：

var MyTypedValue1 = document.getElementById("MTY1").value;
var MyTypedValue2 = document.getElementById("MTY2").value;

w3school有一个很好的工作榜样。但我仍然得到空字符串。 https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_val_get

我已经尝试了以上所有上面有和没有'var'类型以及单个和双''“”中的元素。我也被指示在Jquery而不是JavaScript中进行此操作。但是atm。我会接受任何有用的东西。

谁能说出我做错了什么？

感谢。

编辑：回顾一下，由于错误是代码中的另一个地方，正在使用的Jquery代码位是正确的：

MyTypedValue1 = $('#MTY1').val();
MyTypedValue2 = $('#MTY2').val();

Answer 1

同一页面上应该有多个id（例如MTY1）。 Html id在整个页面中应该是唯一的。

这似乎是@Rory McCrossan jsfiddle之后的唯一选择。

Answer 2

您的功能是否在全球范围内？如果没有，它就不会触发...... 我的意思是你必须在按钮加载到DOM之前放置脚本。

获得您正在寻找的内容的其他方式：

将ID添加到按钮并删除onclick事件：

<button name="btnGetPerson" id="getPerson">Retrieve info</button>

和jquery：

$(function() {

    $('#getPerson').on('click', function() {
        var val1 = $('#MTY1').val(),
            val2 = $('#MTY2').val();

        console.log(val1 + ' ' + val2);
    });

});

Answer 3

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

});

function GetPerson()
{
var value=  document.getElementById("MTY1").value;
var Value2= document.getElementById("MTY2").value;
alert(value+" "+Value2);

}
</script>
</head>
<body>

<table>
        <tbody><tr><td>Type value here</td><td>Type second value here</td></tr>
        <tr><td><input id="MTY1" type="text"></td><td><input id="MTY2" type="text"></td></tr>
        <tr><td></td><td><button name="btnGetPerson" onclick="GetPerson();">Retrieve info</button></td></tr>
</body>
</html>


I checked this code and it's working. Please check it once.

Jquery获取输入文本字段的值

3 个答案: