リスト自体に表示されていないドロップダウンリストで、選択したオプションに文字列を追加するにはどうすればよいですか？

Question

は、次のように私はドロップダウンリストがあります：

<select id='list'> 
<option value='1'>1</option> 
<option value='2'>2</option> 
<option value='3'>3</option> 
</select> 

しかし、これらのオプションのいずれかの選択に、私は「オプションのオプション選択/番号」として選択したオプションを確認する必要があります。たとえば、1を選択した場合、ドロップダウンで「1」だけでなく「1/3」を表示する必要があります。基本的には、選択されたオプションに「/ 3」の部分を追加する必要があります。誰にもこれについてのアイデアはありますか？私は私の外を使い果たしたようです。

Answer 1

シンプルなjQueryを使ってこのようにしなければならないと思います。

HTML：

<select id='list'> 
    <option value='1/3'>1</option> 
    <option value='2/3'>2</option> 
    <option value='3/3'>3</option> 
</select> 
<div> 
</div> 

のjQuery：

$("select").change(function(){ 
var str = $("#list").val(); 
$("div").html(str); 
}); 

はフィドル：https://jsfiddle.net/shishirmax/rmg75xs3/