オプション値：いずれかを選択し、出力マルチ

Question

私はこのコードのビットを持っている質問：私は十分に変数を追加した場合、私は、被験者の広い品種のために文章を構築することができます

<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> 

。このJavaScriptで

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

：

結果がここに表示されている

<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> 

は、私は複数のオプション値を追加したい、と最初のテキストエリアのすべての最初の値を表示するために、そして2番目の値をすべて表示します。私は迷ってしまいました

：

<Option VALUE="OPTION A">OPTION A 

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

に似た何かをすると4つのテキストエリア、OPTION A（A1の独自のバージョンを表示し、それぞれを持ってする方法はあります、A2、A3、A4）を各テキストエリアに追加します。

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