如何將選項值放入另一個輸入

Question

當用戶從列表中選擇一個選項時，我想將選項值放入空間 - 但是每次我嘗試時都會出錯。任何人都可以幫助或直接指出我的權利 - 謝謝。

這是表單代碼。

<form> 
<div class="form-group"> 
<div class="col-xs-6"> 
<div class="input-group"> 
<span class="input-group-addon"><i class="gi gi-user"></i></span> 
<select class="form-control input-md" id="subscription" name="subscription"> 
<option value="1">Choose Plan</option> 
<option value="Solo">Solo - 1</option> 
<option value="Double">Double - 2</option> 
<option value="Triple">Triple - 3</option> 
</select> 
</div> 
</div> 
<div class="col-xs-3"> 
<input id="plan" type="text" name="plan" class="form-control input-md" value=""> 
</div> 
</div> 
</form> 

Answer 1

假設你正在使用JQuery，試試這個代碼：

// JQuery 

$("#subscription").on('change', function(){ 
    $('#plan').val($(this).val()); 
}); 

// Vanilla JS 

var subscription = document.getElementById('subscription'); 
var plan = document.getElementById('plan'); 
subscription.onclick = function(){ 
    plan.value = this.value; 
}