1つのドロップダウン選択から2つの値を転送する方法

Question

ドロップダウンから値を選択する場合、2つの数値を転送します。

そして、そのドロップダウンの隣に2番目のvaleを表示したいと思います。

たとえば、オプション「A」を選択すると、ドロップダウンに「A」が表示され、その近くに「B」が表示されます（外側のドロップダウンメニュー）。

オプション「C」を選択すると、ドロップダウンに「C」が表示され、その近くに「D」が表示されます（外側のドロップダウンメニュー）。

また、フォームが送信されたときにその値を転送する必要があります。

「A」を選択すると、「A」と「B」の両方がネットページに転送されます。

echo' 
<form id="main_form" name="main_form" method="post" action="options.php"> 

<select id="main_select" name="main_select"> 
<option value="A">A</option> 
<option value="C">C</option> 
<option value="E">E</option> 
<option value="G">G</option> 
<option value="I">I</option> 
</select> 

<input type="submit" id="main_submit" name="main_submit" value="submit" /> 
</form>'; 

Answer 1

これはおそらく最高

は、あなたのHTML内のdivを作る...私はあなたが始めましょうjquery

で達成です：

<div id="content"></div> 

その後にこのような何かを行いますjQueryスクリプト：

$('#main_select').on('change', function (e) { 
    var option_selected = $("option:selected", this); 
    var value_of_selected = this.value; 
    $(value_of_selected).appendTo('#content'); 
}); 

PHPを知っているので、必要なものを実現するためにjQueryを使用して猿を動かすことができます。