在更改事件中获取选定的选项值

Question

我有一个dropdown具有以下属性:

<select value.bind="row.columns[$parent.$index].colSize" change.delegate="changeColumnSize($parent.$index, $index, row.columns[$parent.$index].colSize)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

但似乎我不能row.columns[$parent.$index].colSize作为参数传递.它始终是undefined.

如何将下拉列表的选定值直接传递给changeevents方法？

Answer 1

您在选择选项中缺少value.bind.我更喜欢使用mode.bind而不是value.bind.尝试这样的事情:

<template>
    <select value.bind="changedValue" change.delegate="DropdownChanged(changedValue)">
        <option model.bind="1">1</option>
        <option model.bind="2">2</option>
        <option model.bind="3">3</option>
        <option model.bind="4">4</option>
    </select>
</template>



export class App {
  changedValue;


  DropdownChanged(changedVal) {
    alert(changedVal);
  }

}

我不确定你要将select绑定到什么,但基本上你想要创建一个你也可以绑定所选值的变量.因此,所选值将设置为变量changedValue.我喜欢使用,model.bind因为我可以绑定true/false值而不是一切都是字符串.

如果需要,我已经为你使用了一个运行的要点:https: //gist.run/？id = 87f6897928feb504dad638d439caf92f