Javascript 从vue js中的多选框检索选定值

我很难从Vue中的多选框中检索值。用户选择任意数量的值后，我希望检索这些值并提交到数据源。到目前为止运气不好。下面是我代码的摘录

<div id="app">
   <select multiple v-bind:data-id="program.id" :disabled="!program.editable" v-model="program.dropDowns">
       <option>Microsoft</option>
       <option>IBM</option>
       <option>Google</option>
       <option>Apple</option>
   </select>
</div>

---

任何帮助都将不胜感激。这里是实际的

问题是您没有向

saveItem

函数传递任何内容，因此没有发送

程序

---

您只需为

saveItem（program）

替换

saveItem

，就可以了。

问题是您没有向

saveItem

函数传递任何内容，因此没有发送

程序

您只需为
saveItem（程序）
替换
saveItem
，就可以了。
只要您错误地分配了下拉数据，就需要进行如下更改：

模板几乎没有变化：

<button v-else  @click="saveItem(program)">save</button>

只是您错误地分配了下拉数据，需要进行如下更改：

模板几乎没有变化：

<button v-else  @click="saveItem(program)">save</button>

您在哪里向数据源提交数据？我向列表提交数据。我最初发布了相关代码，但通知我修改。哦，我明白了！让我知道我的回答是否有帮助。事实上，它并没有真正起作用。编辑“公司”列并选择多个值，然后单击“保存”。它没有捕获这些值。codepen.io/isogunro/pen/bGGrWZG？editors=1011您将数据提交到数据源的位置？我将提交到列表。我最初发布了相关代码，但通知我修改。哦，我明白了！让我知道我的回答是否有帮助。事实上，它并没有真正起作用。编辑“公司”列并选择多个值，然后单击“保存”。它没有捕获这些值。codepen.io/isogunro/pen/bGGrWZG？editors=1011顺便说一句，我所说的代码部分没有写在你的帖子中。你应该把所有相关的代码都放在你的帖子里，而不仅仅是放在代码笔里<代码>保存

顺便说一句，我所说的代码部分没有写在你的帖子中。你应该把所有相关的代码都放在你的帖子里，而不仅仅是放在代码笔里<代码>保存对不起。我以为它起作用了，但实际上并不起作用。编辑“公司”列并选择多个值，然后单击“保存”。它没有捕获这些值。它仍然在工作，但现在您已经更改了代码，根据当前代码，您必须更改saveItem方法，如：saveItem（program）{program.isReadOnly=true console.log（program）alert（“新值：“+program.company”）alert（“以前的值：+program.company”）}我很抱歉。我以为它起作用了，但实际上并不起作用。编辑“公司”列并选择多个值，然后单击“保存”。它没有捕获这些值。它仍在工作，但现在您已经更改了代码，根据当前代码，您必须更改saveItem方法，如：saveItem（program）{program.isReadOnly=true console.log（program）alert（“新值：“+program.company”）alert（“以前的值：+program.company”）}

saveItem (program) {
     program.isReadOnly = true
     program.editable = false
     console.log(program)
     alert(program.dropDowns)
    }