2013-01-23 30 views
1

我試圖填補不同的選擇框的輸入形式,例如:灌裝輸入=文本與選擇選項

(下面的例子不工作的話)

http://jsfiddle.net/K35er/1/ (示例上面沒有在所有的工作)

但我們的目標是讓輸入的所有值,但這種格式:

1/2 R3 

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

是否可能?

感謝

回答

7

您需要使用.val()獲取所選選項的值。在你onchange處理程序,你需要像下面,

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

DEMO:http://jsfiddle.net/K35er/3/

+3

+1因爲比我快! (http://jsfiddle.net/K35er/4/) – RobMasters

+0

你倆都搖滾,謝謝 – Locke

+1

忍者快速做好Vega – abc123

0

DEMOhttp://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()); 
}); 
0
$("select").change(function() { 

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