使用选择选项填充输入 = 文本答案

【问题标题】：Filling Input=text with Select Options使用选择选项填充输入 = 文本
【发布时间】：2013-01-23 16:36:35
【问题描述】：

我正在尝试用不同的选择框填写输入表单，例如：

（下面的例子根本行不通）

http://jsfiddle.net/K35er/1/ （上面的例子根本行不通）

但目标是获取输入中的所有值，但格式如下：

1/2 R3

其中 1 是 #select ，2 是 #select2 & R3 是 #select3

这可能吗？？

谢谢

【问题讨论】：

标签： jquery select input

【解决方案1】：

您需要使用.val() 来获取所选选项的值。在你 onchange 处理程序中，你需要类似下面的东西，

$(".myselect").change(function () {
    $("#hiddenNOT").val($('#select').val() + '/' + $('#select2').val() + ' ' + $('#selec3').val());
});

演示： http://jsfiddle.net/K35er/3/

【讨论】：

【解决方案2】：

$("select").change(function () {

    $("#hiddenNOT").val(
           $("#select").val()+'/'+
           $("#select2").val()+'R'+
           $("#selec3").val()
         );
});

【讨论】：

【解决方案3】：

演示：http://jsfiddle.net/K35er/5/

HTML

<select id="select1">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>    
</select>

<select id="select2">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>    
</select>

<select id="select3">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>    
</select>

<input type='text' id='hiddenNOT' value=''/>

JavaScript

$("select").change(function () {
    $("#hiddenNOT").val($('#select1').val() + '/' + $('#select2').val() + ' R' + $('#select3').val());
});

【讨论】：