簡體   English   中英

如何使用jQuery將輸入值傳遞給按鈕變量

[英]How to pass input value to button variable with jQuery

這是我正在使用的代碼,不起作用。 我希望“按鈕”中“數據頁”的值在輸入字段模糊時接收輸入字段的值。 “數據頁”是一個數字。 感謝您的協助,謝謝。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM