如何将选项值放入另一个输入

时间:2014-05-21 20:39:48

标签: javascript jquery html

当用户从列表中选择一个选项时,我想将选项值放入空格中 - 但是每次尝试时都会再次出现错误。请有人帮忙或直截了当地告诉我 - 谢谢。

这是表格代码。

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

1 个答案:

答案 0 :(得分: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;
}