如何將下拉列表默認值更改爲另一個值

-2

此代碼在選擇時顯示文本框中的下拉值。但我想在文本框中顯示我自己的值而不是這些默認值（下拉列表的默認值）。我怎麼能做那件事。我有一個ID爲「#amount」的文本框。如何將下拉列表默認值更改爲另一個值

這是HTML代碼：

<select id="d-name" class="form-control" name="menu"> 
    <option value="Left Chest">Left Chest</option> 
    <option value="Simple back">Simple back</option> 
    <option value="Complex back">Complex back</option> 
    </select> 

    <input type="text" id="amount" />

這是JavaScript代碼：

jQuery('#d-name').change(function(e){ 
    var selectedValue = jQuery(this).val(); 
    jQuery("#amount").val(selectedValue); 
    });

來源

2016-02-09 Mukii kumar

你想展示什麼樣的價值？你可以提供任何你喜歡的值給val（）。目前還不清楚你想要達到的目標。 –

你得到的錯誤是什麼？ – urfusion

@Rory ...我想顯示「$ 20」而不是「Left Chest」 –

你可以使用一些條件 -

var selectedValue = jQuery(this).val(); 
var amount = '$0'; 
if(selectedValue == 'Left Chest') 
    amount = '$20'; 
else if (selectedValue == 'Simple back') 
    amount = '$30'; 
... 

jQuery("#amount").val(amount);

您還可以使用switch cases。

來源

2016-02-09 08:24:16

這一個是最好的，同意的兄弟，也使用開關.. – devpro

@Sougata ....它的工作。謝謝:-) –

試試這個。

<select id="d-name" class="form-control" name="menu"> 
    <option value="&#36;20">Left Chest</option> 
    <option value="Simple back">Simple back</option> 
    <option value="Complex back">Complex back</option> 
</select>

https://jsfiddle.net/x6f3k165/1/

來源

2016-02-09 08:25:40

你說得對，但不知何故我不能改變這些值。但我現在得到了解決方案..多謝你的迴應.. –

您還可以通過使用開關的情況下改變量：

jQuery('#d-name').change(function(e){ 
 
var selectedValue = jQuery(this).val(); 
 

 
switch(selectedValue) { 
 
\t case "Left Chest": 
 
\t amount = "$20"; // amount which u need 
 
\t break; 
 
\t case "Simple back": 
 
\t amount = "Simple back"; // or amount if u need 
 
\t break; 
 
\t case "Complex back": 
 
\t amount = "Complex back"; // or amount if u need 
 
\t break; 
 
\t default: 
 
\t amount = ""; 
 
} 
 

 
jQuery("#amount").val(amount); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<select id="d-name" class="form-control" name="menu"> 
 
\t <option value="Left Chest">Left Chest</option> 
 
\t <option value="Simple back">Simple back</option> 
 
\t <option value="Complex back">Complex back</option> 
 
</select> 
 

 
<input type="text" id="amount" />

來源

2016-02-09 08:31:54 devpro

@Babar ... shukria bhai ...你告訴我另一種方式來做這個查詢... –

@Mukiikumar：很高興幫助你。 – devpro

嘗試，

<select id="d-name" class="form-control" name="menu"> 
    <option>Please select...</option> 
    <option value="$20">Left Chest</option> 
    <option value="Simple back">Simple back</option> 
    <option value="Complex back">Complex back</option> 
</select> 

<input type="text" id="amount" /> 
<script type="text/javascript"> 
$('#d-name').change(function(e){ 
    var selectedValue = $(this).val(); 
    $("#amount").val(selectedValue); 
    }); 
</script>

來源

2016-02-09 08:35:54

如何將下拉列表默認值更改爲另一個值

回答

相關問題