javascript - jquery 中两个文本框的值相同?

标签 javascript jquery

我有选择框和两 (2) 个文本框。

我想要显示在第一个文本框中的选择框的值,以及它也显示在第二个框中的第一个文本框的值。

选择框 = 第一个文本框 第一个文本框 = 第二个文本框

购买方式我的第一个文本框是只读的,因此无法触发输入、keyup、keydown 事件。我希望我的两 (2) 个文本框每次都具有相同的值。

我有html代码。

<select id="selectbox">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>


<input id="first-textbox" type="text" readonly>
<input id="second-textbox type="text">

最佳答案

I want the value of select box that displays on the first textbox and whatever the value of the first textbox it display also in the second box.

select box = first textbox first textbox = second textbox

尝试使用选择器 $("#selectbox, :text:not([readonly])") ; 输入更改事件; .val() 设置两个 input type="text"

$("#selectbox, :text:not([readonly])").on("input change", function(e) {
  $(":text").val(this.value)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<select id="selectbox">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>


<input id="first-textbox" type="text" readonly>
<input id="second-textbox type="text">

关于javascript - jquery 中两个文本框的值相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32238975/

相关文章:

jquery - iframe 与 div + jquery

jquery - session 过期后,我的 ajax 调用返回文件未找到错误?

jquery - 如何在 JQuery 中打开具有相同类的单独工具提示

javascript - 使用事件绑定(bind)的回车键将焦点从按钮切换到文本框

javascript - 将隐藏选项卡中的 HTML5 验证事件传递给 JavaScript 函数

javascript - 使用 AngularJS 和 $http.post 在 MVC 应用程序中下载文件

javascript - AngularJs 变量到 FormData 的转换

javascript - 小型 SVG 应用程序 - javascript 到 HTML 架构?

javascript - jQuery ajax 成功链接 Internet Explorer 问题

javascript - javascript 中是否有等效的 python strip 函数?