jquery - 使用选择选项填充输入 = 文本

Question

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

（下面的例子根本不起作用）

http://jsfiddle.net/K35er/1/ （上面的例子根本不起作用）

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

1/2 R3

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

这可能吗？？

谢谢

Answer 1

您需要使用.val()来获取所选选项的值。在您onchange的处理程序中，您需要以下内容，

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

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

Answer 2

演示：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());
});

Answer 3

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

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