Javascript 如何将期权价值放入另一个输入

当用户从列表中选择一个选项时，我想将选项值放入空格中，但每次尝试时，都会出错。有人能帮我吗？请直接告诉我，谢谢

这是表格代码

<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
双2
三重-3

假设您正在使用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;
}

---

你的JS/jQuery代码呢？我已经尝试了堆，所以我把它省略了，因为我确信到目前为止有一个更简单的方法来完成我的工作。我想你的意思是

$（“#订阅”）

是的，谢谢你发现了它。我会更新我的答案。我很想说这是有效的，但它不是：（我猜你没有使用JQuery。请看PS：我用普通的JShmm更改了代码大多数网站实际上是用php构建的，但它也有bootstrap.js。我可能不得不将JQuery框架插入到这个页面中。我没有想到这一点，所以感谢大家的提醒。