如何将下拉列表默认值更改为另一个值

-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

如何将下拉列表默认值更改为另一个值

回答

相关问题