選擇一個值後，下拉菜單中是否可以有不同的文本？例如我有這個下拉菜單：選擇一個值後，在下拉菜單中下拉自定義文本
<select name="selectsupplier">
<option value="sup0001">sup0001 - Supplier 1</option>
<option value="sup0002">sup0002 - Supplier 2</option>
</select>
如果我選擇第一個選項，通常的下拉文本將是「sup0001 - 供應商1」。是否有可能將其更改爲僅供應商的代碼（sup0001）而沒有名稱？
取而代之的是：
選定的文本應該是這樣的：
$('#phoneCallingCode').change(function() {
$("#ShowNumber").val("+" + $("#phoneCallingCode option:selected").val())
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select name="phoneCallingCode" id="phoneCallingCode" class="input">
<option value="sup0001">sup0001 - Supplier 1</option>
<option value="sup0002">sup0002 - Supplier 2</option>
</select>
<input type="text" id="ShowNumber"/>我豪PE它會幫助你，你的概念類似於這個
你可以做這樣的事情。我相信你想在頁面加載時更改選項文本。
$(document).ready(function() {
var options = $("select[name=selectsupplier]").children();
options.each(function(i, item) {
var optionText = $(item).text().replace(/ -.*/g, '');
$(item).text(optionText);
})
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="selectsupplier">
<option value="sup0001">sup0001 - Supplier 1</option>
<option value="sup0002">sup0002 - Supplier 2</option>
</select>
您使用的插件/框架組件（e.x.引導下拉）後呈現