Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angular2中获取表单元素中的下拉列表选定值_Angular - Fatal编程技术网

如何在angular2中获取表单元素中的下拉列表选定值

如何在angular2中获取表单元素中的下拉列表选定值,angular,Angular,下面我的代码有一个表单,输入很少。我想获得提交时的所有值。能够使用ngModel获取所有元素值。如何获取选择选项的选定值 <form #f="ngForm" (ngSubmit) = "saveData(f)"> <fieldset> <legend>Your Details:</legend> <label>Name: <input type="text" name="name" size="30" maxle

下面我的代码有一个表单,输入很少。我想获得提交时的所有值。能够使用ngModel获取所有元素值。如何获取选择选项的选定值

 <form #f="ngForm" (ngSubmit) = "saveData(f)">
  <fieldset>
   <legend>Your Details:</legend>
   <label>Name: <input type="text" name="name" size="30" maxlength="100" [(ngModel)] = "name"></label><br />
   <label>Email: <input type="email" name="email" size="30" maxlength="100" [(ngModel)] = "email"></label><br />
   <label>Password: <input type="password" name="password" size="30" maxlength="100" [(ngModel)] = "password"></label><br />
   <select>
     <option *ngFor = "let combo of combos" value={{combo}}>{{combo}}
     </option>
   </select>
 <input type="submit" value="Save"/>
</fieldset><br />
</form>

您的详细信息:
名称:
电子邮件:
密码:
{{combo}}

我认为应该是[value]=“combo”


{{combo}}
然后在HTML端获取所选值(如果您不想在组件中写入)

{{selCombo.value}

使用[(ngModel)]将所选值与变量或模型绑定,如下所示:

<select [(ngModel)]="model.combo">
 <option *ngFor = "let combo of combos" value={{combo}}>{{combo}}
 </option>
</select>

{{combo}}

let comboValue : any;

<select [(ngModel)]="comboValue">
 <option *ngFor = "let combo of combos" value={{combo}}>{{combo}}
 </option>
</select>
let comboValue:any;
{{combo}}

问题不是设置name属性

<select [(ngModel)]="gender" name="gender">
   <option *ngFor = "let combo of combos" [value]=combo>{{combo}}
   </option>
</select>

{{combo}}

我希望在提交时选择答案。。我用#f form varaible调用saveData方法,我能不能通过形式变量包括它,即#我认为您不需要#f,如果我们使用任何事件操作,那么我们可以像使用焦点事件和其他事件一样使用它
<select [(ngModel)]="gender" name="gender">
   <option *ngFor = "let combo of combos" [value]=combo>{{combo}}
   </option>
</select>