2016-12-15 13 views
0

我有這段代碼的問題:選項值:選擇一個,輸出多種

<FORM NAME=formname> 
<SELECT NAME=name1 onchange=results(1)> 
<Option VALUE="" selected>Select one: 
<Option VALUE="OPTION A">OPTION A 
<Option VALUE="OPTION B">OPTION B 
<Option VALUE="OPTION C">OPTION C</SELECT> 
<SELECT NAME=name2 onchange=results(1)> 
<Option VALUE="" selected>Select one: 
<Option VALUE="OPTION D">OPTION D 
<Option VALUE="OPTION E">OPTION E 
<Option VALUE="OPTION F">OPTION F</SELECT> 

,它可以讓我建立了種類繁多的主題句,如果我補充足夠的變量。

結果將顯示在這裏:

<TEXTAREA NAME=textarea COLS=110 ROWS=7>[Selected description shows up here]</TEXTAREA></FORM> 

憑藉此javascript:

<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT"> 
function results(s_option) 
{ with (document.forms["formname"]) 
{ if (name1.value != 'blank') 
{ textarea.value = name1.value + name2.value ;} 
} 
} 
</SCRIPT> 

我想添加多個選項值,並第textarea的顯示所有第一的價值觀,和第二個框顯示所有第二個值。

當我迷路了:

<Option VALUE="OPTION A">OPTION A 

有沒有辦法做同樣的事情到

<Option VALUE="OPTION A1 | OPTION A2 | OPTION A3 | OPTION A4">OPTION A 

而且有四種文字區域,每一個顯示自己的選項A版(A1 ,A2,A3,A4)放入每個文本區,全部只選擇「選項A」?

+0

使用JSON對象{} –

+0

您可以將該值設置爲您希望他們要在文本區域 –

+0

顯示我真的不是很在所有的JavaScript良好的,任何人都可以請給我一個解決方案,會幫助我更好地理解?我不能在這裏連接點。 – IsaR

回答

1

您可以使用split()方法來分割值。

$("select").change(function() { 
    var option1 = $("select[name=name1]").val().split(" | "); 
    var option2 = $("select[name=name1]").val().split(" | "); 
    var limit = Math.max(option1.length, option2.length); 
    for (var i = 0; i < limit; i++) { 
     var val1 = i < option1.length ? option1[i] : ''; 
     var val2 = i < option2.length ? option2[i] : ''; 
     $("textarea").eq(i).val(val1 + val2); 
    } 
});