如何通过获取选项默认值来运行功能？

Question

我有一个带有以下HTML代码的下拉框：

<select #select id="id" class="class" (change)="onChange($event)">
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
</select>

我还得到了一个输入框来获取用户输入：

onChange(){
    if(value==1){
      //do something}
    }else{
      // do another thing
}

用户输入后，用户可以通过选择一个选项（1or2）来获得结果。 如何保持默认运行选项1？现在，在用户更改为选项2之后，我可以运行选项1事件 首先。

是否可以通过使用<option>中的<input>值 也onChange()吗？

Answer 1

如果将selected属性添加到其中一个选项，则可以设置默认值。看起来应该像这样：<option value="1" selected> 1 </option>。Here是我找到的解决方案的链接。

将ts文件中的 onChange（）更改为 onChange（event：any），因为如果用户在菜单中选择另一个值，则不会获得任何值。选择输入。所选值位于event.target.value中。

如果您要使用带角度的表单，则此链接将帮助您构建一个表单。