Question

此代码在选择时显示文本框中的下拉值。但我想在文本框中显示我自己的值而不是那些默认值（下拉列表的默认值）。我怎么能做那件事。我有一个id为＃34;＃amount＆＃34;的文本框。

这是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);
  });

Answer 1

您可以使用某些条件 -

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。

Answer 2

您还可以使用切换案例：

更改金额

＆＃13;

jQuery('#d-name').change(function(e){
var selectedValue = jQuery(this).val();

switch(selectedValue) {
	case "Left Chest":
	amount = "$20"; // amount which u need
	break;
	case "Simple back":
	amount = "Simple back"; // or amount if u need
	break;
	case "Complex back":
	amount = "Complex back"; // or amount if u need
	break;
	default:
	amount = "";
}  

jQuery("#amount").val(amount);
});

＆＃13;

<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">
	<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" />

＆＃13;

Answer 3

试试这个。

<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/

Answer 4

尝试，

<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>

我怎么能将下拉列表默认值更改为另一个值

4 个答案: