Question

下面是我放在一起的一些非常简单的代码;试图学习jquery。我不能为我的生活弄清楚为什么这不起作用。任何帮助将不胜感激。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>        
    </head>
    <body>
        <input type="text" id="ac3" size="20" value="">
        <br><br>
        <button onclick="getvalue('ac3')">Search</button>

        <script>
            function getvalue(id){
                var txt = $('#'+id).text();
                alert(txt);
            }
        </script>       
    </body>
</html>

Answer 1

$('#'+id).text();将返回元素的innertext

使用$('#'+id).val();

Answer 2

1：您的脚本标记错误。将src = blah放在标签内

（即＆lt; script src =“foobar”＆gt;＆lt; / script＆gt;）

2：init jquery（见下文）

3：需要使用.val（）

这是您可能尝试的方法。（删除内联onclick，那些是哎呀哈哈）

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

<button data-myvalue="ac3">


(function($) {

     $('button').on('click', function (){
          var myid = '#'+this.data("myvalue");
          alert($(myid).val());
     });

})(jQuery);

尝试使用JQuery获取不在表单中的输入框的值

2 个答案: