Question

这只是简单的代码，但不起作用..

为什么不工作......？我混淆了..

<html>
    <head>
        <h3> Hello Web</h3>
        <br>
    </head>

    <body>
        <input type="text" name="textvalue" id="textvalue" />
        <input type="submit" name="submit" value="SAVE" />
    </body>

</html>

＆LT;！ - jquery - ＆gt;

function hello(){
    $var=$('#textvalue').val();


    alert($var);

}

Answer 1

你的html应该包含一个按钮

<input type='button' id='btnSubmit' value='submit'>

它jquery应该是这样的

$("#btnSubmit").on('click',function(e){
e.preventDefault();
hello();
}

Answer 2

变化 var value = $('#textvalue').val(); alert(value);

Answer 3

脚本必须连接在正文的末尾。

<body>
<input type="text" name="textvalue" id="textvalue" />
<input type="submit" name="submit" value="SAVE" />
<script src="js.js"
<body>

你在哪里调用函数hello（）？

Answer 4

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

将上面的代码行放在头部，然后尝试。它会工作..

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function hello(){
    $var=$('#textvalue').val();


    alert($var);

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

 <input type="text" name="textvalue" id="textvalue" />
        <input type="submit" name="submit" onclick="hello()" value="SAVE" />

</body>
</html>

Answer 5

您的代码无效的原因是您在任何情况下都没有将您称为函数hello。

你不应该写如下

<head>
   <h3> Hello Web</h3>
   <br>
</head>

应该是

<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>

<form id="test-form" action="someurl" method="POST">
  <input type="text" name="textvalue" id="textvalue" />
  <input type="submit" name="submit" value="SAVE" />
</form>

</body>
</html>

以下是您的问题的解决方案。

＆＃13;

jQuery(document).ready(function($) {
  $('#test-form').submit(function(event) {
    // Prevent form submission
    event.preventDefault();
    
    alert("Form submission prevented");
    
    var textValue = $('#textvalue').val();
    // Alert the value
    alert("textValue = " + textValue);
    
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="test-form" action="someurl" method="POST">
  <input type="text" name="textvalue" id="textvalue" />
  <input type="submit" name="submit" value="SAVE" />
</form>

＆＃13;

如何获取输入类型的文本值？在jquery

5 个答案: