如何将下拉列表选定值分配给 <small>答案

【问题标题】：How drop down-list selected value assign to <small>如何将下拉列表选定值分配给 <small>
【发布时间】：2020-08-04 03:55:41
【问题描述】：

我想知道下拉列表选择的值如何分配给

尝试过的 HTML 代码：

<h3>
  {{{titles}}}
  <small id="sec_currency">({{{subtitles}}})</small>
</h3>

<select id="cur_rate" @change="onChange()">
    {{#each currencies}}
      <option selected>{{this.currency}}</option>
    {{/each}}
</select>

Vue.js

onChange: function() {
  $('#sec_currency').val($('#cur_rate :selected').text());
}

当我尝试上面的代码时，我遇到了错误。

[Vue 警告]：v-on 处理程序中的错误：“ReferenceError: Invalid left-hand side in assignment”

我该如何解决这个问题？

【问题讨论】：

标签： javascript vue.js

【解决方案1】：

我可以使用下面提到的代码来做到这一点。

$('#sec_currency').text($('#cur_rate :selected').text());

【讨论】：

【解决方案2】：

.text() 函数是一个 getter 函数，它返回文本的值，所以你不能给它赋值。您需要找到一个 jquery 方法来设置该对象的文本值。

【讨论】：

我尝试将代码设为$('#sec_currency').val($('#cur_rate :selected').text());。但它也不起作用。