[英]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.