如何用jQuery传递输入值给按钮变量

How to pass input value to button variable with jQuery

本文关键字：按钮 变量 输入 何用 jQuery      更新时间：2023-09-26

这是我正在使用的代码，不起作用。我希望"按钮"中的"data-page"的值在输入字段模糊时接收输入字段的值。"数据页"是一个数字。谢谢你的帮助，谢谢。

 <input type="text" value="" id="findR" />
 <button id="findRB" data-page="" >Find Record</button>
 <script>
  $(document).ready(function() {
     $( '#findR' ).blur(function() {
     $('#findRB[name=data-page]').val($('#findR').val());
     })
  });
 </script>

data-page是data-*属性，而不是name属性。

$( '#findR' ).blur(function() {
    $('#findRB').data('page',this.value);
})

我建议使用data()，但您不会看到实际的属性更改，因为值存储在DOM对象中。如果你愿意，使用attr() 

$( '#findR' ).blur(function() {
    $('#findRB').attr('data-page',this.value);
})

同样，使用this.value而不是$( '#findR' ).val()来设置值

下面是一个工作示例:

 $(document).ready(function() {
     $( '#findR').blur(function() {
         $('#findRB').attr('data-page', $('#findR').val());
     });
  });

JSFiddle: http://jsfiddle.net/jyq2bm4r/

要在元素中设置数据属性，可以使用

$('findRB').attr('data-page', $('#findR').val());

你好，你能测试一下吗?这对我来说很好::

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
    <input type="text" value="" id="findR" />
    <button id="findRB" data-page="" >Find Record</button>
    <script>
        $(document).ready(function() {
            $( '#findR' ).blur(function() {
                var inputVal = $('#findR').val();
                document.getElementById("findRB").setAttribute("data-page", inputVal);
            })
        });
    </script>
</body>
</html>
相关文章：