jquery - Input=text に選択オプションを入力する

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

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

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

Answer 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());
});