如何在angular2中获取表单元素中的下拉列表选定值
下面我的代码有一个表单,输入很少。我想获得提交时的所有值。能够使用ngModel获取所有元素值。如何获取选择选项的选定值如何在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
<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>