如何將字符串附加到下拉列表中的選定選項而不在列表中顯示？

Question

我有一個下拉列表如下：

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

然而，在這些選項之一的選擇，我需要看到評選爲「選項選擇選項/數字」選項。例如，如果我選擇1，則需要下拉顯示「1/3」而不是「1」。實質上，我需要將「/ 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/