如何动态地向一个select框添加内容
1、新建一个HTML文件，命名为index.html。
2、在index.html文件中编写select选择框html代码，实现选项的效果。
3、在页面中加载jquery-1.3.2.min.js文件，编写Jquery代码获得所有选项的option值。通过each（）方法遍历所有的option值，并存入select_con数组中。
4、使用console.log()打印数组，运行代码查看数组内容。
5、可以看到数组已成功获得select 中option所有的值。
6、通过map()方法获得所的option值，把结果返回到result变量中。
7、通过get()方法把获得的对象转换为数组，并存入select_con数组中。
angular怎么判断select是否选中
在Angular中，要判断select元素是否被选中，可以使用Angular的表单模块和ngModel指令。首先，在select元素上绑定ngModel指令，以便在选项更改时更新模型的值。然后，通过检查模型的值是否与选项的值匹配来判断是否被选中。
以下是一个示例代码，演示了如何使用ngModel指令来判断select元素是否被选中：
html
复制
<select [(ngModel)]="selectedOption">
<option *ngFor="let option of options" [value]="option.value">
{{option.label}}
</option>
</select>
<p>是否选中：{{selectedOption == option.value}}</p>
在上面的代码中，使用[(ngModel)]指令将selectedOption绑定到select元素上。然后，使用*ngFor指令循环遍历options数组，并为每个选项设置value和label属性。在选项更改时，ngModel指令会自动更新selectedOption的值。最后，通过检查selectedOption是否等于选项的值来判断是否被选中。
如果需要判断多个选项是否被选中，可以使用多选模式下的select元素和ngModel指令。在多选模式下，使用[]运算符将多个选项的值绑定到ngModel指令上。然后，通过检查ngModel指令绑定的值是否包含选项的值来判断是否被选中。
在Angular中，要判断一个select元素是否被选中，可以通过监听select元素的change事件来实现。当用户从下拉列表中选择一个选项时，这个事件将被触发。
首先，在HTML模板中，为select元素添加一个(change)事件监听器，并将选中项的值保存在一个变量中：
html
复制
<select [(ngModel)]="selectedOption" (change)="onSelectChange($event)"></select>
然后，在组件的TypeScript文件中，添加一个名为onSelectChange的方法来处理事件。这个方法将接收一个名为event的参数，其中包含了关于选中项的信息：
typescript
复制
onSelectChange(event: MatSelectChange) {
console.log('Selected option changed:', event.value);
}
通过这种方式，你可以在用户选择一个选项时获取其值，并据此判断是否被选中。如果selectedOption的值与之前不同，说明用户已经选择了新的选项。