如何设置(单击)到<select>标签

时间:2017-02-08 12:19:06

标签: html css angular

角度2,TS。 如何在&lt; option&gt;中设置(click)=“functionA()”标签? 这种结构不起作用。  &lt; select class =“form-control”&gt;       &LT;选项→1&LT; /选项&GT;       &lt; option(click)=“functionA()”&gt; 2&lt; / option&gt;       &LT;选项→3&LT; /选项&GT;  &LT; /选择&GT; 这个:  &lt; select class =“form-control”&gt;       &LT;选项→1&LT; /选项&GT;       &lt; option&gt;&lt; a(click)=“functionA()”&gt;&lt; a&gt; 2&lt; / option&gt;       &LT;选项→3&LT; /选项&GT;  &LT; /选择&GT;

2 个答案:

答案 0 :(得分:3)

您不需要点击活动。只需在所选内容中添加(change)即可。

 <select (change)="functionA()">
      <option>1</option>
      <option>2</option>
      <option>3</option>
 </select>

编辑:如果你想根据评论执行两个函数,只需在其间添加;

 <select (change)="functionA(); functionB()">
      <option>1</option>
      <option>2</option>
      <option>3</option>
 </select>

答案 1 :(得分:0)

您的构造函数"代码中缺少(click)="functionA()>

将缺少的"添加为:

 <select class="form-control">
      <option>1</option>
      <option (click)="functionA()">2</option>
      <option>3</option>
 </select>