Question

这是我使用的代码不起作用。我希望“按钮”中的“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>

Answer 1

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()来设置值。

Answer 2

这是一个有效的例子：

 $(document).ready(function() {

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

  });

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

Answer 3

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

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

Answer 4

您好，请测试一下。这对我来说很好::

<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>

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

4 个答案: