在jQuery中并排显示输入值可以通过以下步骤实现:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<input>
标签:<input type="text" id="input1">
<input type="text" id="input2">
val()
方法获取输入框的值,并使用text()
方法将其设置为另一个元素的文本内容。例如,可以创建一个按钮,当点击按钮时获取输入框的值并显示在另一个元素中:<button id="displayBtn">显示输入值</button>
<div id="displayArea"></div>
$(document).ready(function() {
$('#displayBtn').click(function() {
var input1Value = $('#input1').val();
var input2Value = $('#input2').val();
$('#displayArea').text('输入值1:' + input1Value + ',输入值2:' + input2Value);
});
});
在上述代码中,当点击按钮时,通过val()
方法获取input1
和input2
的值,并使用text()
方法将其设置为displayArea
元素的文本内容。
这样,当用户在输入框中输入值后,点击按钮即可在页面上并排显示输入的值。
推荐的腾讯云相关产品:无
希望以上信息对您有所帮助!
领取专属 10元无门槛券
手把手带您无忧上云