Question

我在td中有一个空输入，我想在点击按钮时获取用户给出的值。这是代码

＆＃13;

function change(){
  //alert changed value of x
}

＆＃13;

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>

<body>
	<table>
		
		<tr>
			<td>Length:</td></tr><tr><td> <input type=number name="x" id="x"></td>
		</tr>
    </table>
	<button id="button" onclick="change()"></button><br>
  
</body>
</html>

＆＃13;

Answer 1

将函数change()放入ready函数中，并使用输入x的id获取值：

$('#x').val()

希望这有帮助。

$(function(){
     function change(){
          alert( $('#x').val() );
     }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>

  <tr>
    <td>Length:</td></tr><tr><td> <input type=number name="x" id="x"></td>
  </tr>
</table>
<button id="button" onclick="change()">Get value</button><br>

Answer 2

这应该适合你：

$(document).ready(function(){
  $("#button").click(function(){

    var inputVal = document.querySelectorAll('#x')[0].value;
    alert(inputVal);
  });
});

$（document）.ready（）函数让jQuery知道在DOM加载时开始执行匿名函数，并且$（“＃button”）。click（）告诉jQuery在按钮开始执行匿名函数点击了。

Answer 3

你可以这个Donnerstag：

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>
<body>
    <script>
        var data = {
            number: '0', //The initial value if no input or change
            set: function(val) {
                this.number = val;
            }
        };
        function message() {
            // Do smth else
            console.log(data.number);
        }
    </script>
    <table>
        <tr>
            <td>Length:</td></tr><tr><td> <input type=number name="x" onChange="data.set(this.value)"></td>
        </tr>
    </table>
    <button id="button" onclick="message()">Klick here</button><br>
</body>
</html>

我希望我可以帮助你;）

Answer 4

假设你不想使用任何其他框架，并且你想重用这个处理程序而不必自定义选择器，你可以使用它。

 function change(event) {
    console.log(event.srcElement.value);//get the value of the element that triggered the event   
 }

你需要传递“event”作为参数。

<input type="text" onclick="change(event)" />

Javascript - 获取输入onclick的更改值

4 个答案: