复制下拉菜单's数据到文本框中选择
Copy dropdown menu's data to text box on select?
假设你有一个下拉菜单:
<select>
<option value="10">Apple</option>
<option value="20">Orange</option>
</select>
<input type="name" />
<input type="price" />
如果用户从下拉菜单中选择"橙色",则文本框的值应为:
<input type="name" value="Orange" />
<input type="price" value="20" />
或者如果是"Apple",那么文本框的值应该是Apple
和10
。
这是可能与Jquery或Jquery移动,如果是如何?
http://jsfiddle.net/f23uP/
$('select').change(function(){
$('input[type=name]').val($('option:selected',this).text());
$('input[type=price]').val($(this).val());
});
是
$("select").change(function() {
var price = this.value;
var selText = $("select option:selected").text();
$("input[type='name']").val(selText);
$("input[type='price']").val(price);
});
这样应该可以
jQuery:
$("#s").on("change",function(){
$("#text").val($(this).children().filter("option:selected").text());
$("#price").val($(this).val());
});
标记:
<select id="s">
<option value="10">Apple</option>
<option value="20">Orange</option>
</select>
<input type="text" id="text" />
<input type="text" id="price" />
jsFiddle : http://jsfiddle.net/hescano/NnsDt/
我想你对输入类型有点困惑。这个MDN链接会有帮助。
如果我理解正确的话,您希望从选择中获取值和标签,并将它们存储在相应的文本框中。下面是我的解决方案:
HTML:<select id="fruit">
<option></option>
<option value="10">Apple</option>
<option value="20">Orange</option>
</select>
<input type="text" id="name" />
<input type="text" id="price" />
jQuery: $("#fruit").change(function() {
var name = $(this).find(":selected").text();
var price = $(this).val();
$("#name").val(name);
$("#price").val(price);
});
请注意,这个jQuery只为onchange绑定了select
的果实,而不是绑定所有的select
相关文章:
- 或者在表单上选择默认选项文本(选择1)
- Javascript:包括特殊字符的文本选择
- 大写--文本区域中的文本选择
- 点击
- 项目时的文本选择
- 通过 javascript 在每次点击时动态禁用文本选择
- 文本框的 CSS 文本选择覆盖
- 单击“img”源时,文本选择未清除
- 链接内的内容可编辑块,如何防止重定向,但让文本选择插入符号位置更改
- 当我单击画布并拖动鼠标时,光标将变为文本选择光标.我该如何防止这种情况发生
- 重新启用文本选择(Opera、webkit等)
- 绝对元素后面的元素上的文本选择
- 禁用JavaScript中的文本选择器
- 从网站中删除文本选择限制的脚本
- Javascript/jQuery Load 函数,文本选择
- HTML 浏览器的“文本”选择:选择整个单词(如在 iBooks 中)
- 锁定页面文本选择
- 如何删除文本选择中的子元素
- 如何将选定的“文本”选择框发送到按钮上的函数,以便使用角度进行 ng 单击
- 锤击.JS桌面文本选择和滑动冲突
- j查询启用/禁用文本选择错误