angular 中自己常用的下拉框获取值方法

方法一

HTML页中

<select name="" id="if02" data-first-option="true" (change)="getChange($event.target.value)">

  <option value="-1">--请选择--</option>

  <option [value]="true">是</option>

  <option [value]="false">否</option>

</select>

ts中

getChange(val: number) {

  console.log(val);

  if(val==1){

    this.currentRow.condition01 = "true";

    }else if(val==0){

    this.currentRow.condition01 = "false";

  }

}

方法二

html中

<select class="btn btn-outline-primary" name="if03" id="if03" [(ngModel)]="currentRow.condition03" style="height: 40px;;width: 130px">

  <option [ngValue]="1">是</option>

  <option [ngValue]="0">否</option>

</select>

其中

currentRow.condition03 是数据源的一个字段 实际上是和数据库的某个字段绑定

不理解数据源的话可以

在ts中定义一个变量   然后[(ngModel)]="定义的变量"   即可

原文地址:https://www.cnblogs.com/Samuel-Leung/p/9382593.html

时间: 2024-11-05 15:47:01

angular 中自己常用的下拉框获取值方法的相关文章

easyui下拉框获取值

easyui下拉框的值为json格式栗子: 前台的写法: function queryDes(){ $('#des').combobox({ url: 'businessBaseInfo/queryDes.action', valueField:'enmDatOpt', //往后台传的值 textField:'enmDatDes' //前台下拉框显示的内容 }); } url获取的json格式为下,这里的数据是后台包装好的json格式,可以直接获取: [ { "enmDatDes":

UI中经常出现的下拉框下拉自动筛选效果的实现

小需求是当你在第一个下拉框选择了国家时,会自动更新第二个省份的下拉框,效果如下 两个下拉选择Html如下: <select id="country_select"> <option> All Countries</option> <option> Afghanistan</option> <option> Albania</option> <option> Algeria</optio

jquery操作select下拉框的多种方法(选中,取值,赋值等)

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select

jquery操作select下拉框的多种方法(选中,取值,赋值等) 转载

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se

路由机构 -- 下拉框获取当前所属部门

//下拉框获取当前所属部门 function initRespOrg(){   $.ajax({           type: "POST",            url: "/tms/actions/tms_net_org/localOrg.do?actionId=tms_net_org_localOrg",            dataType:"json",            data :"",       

dojo-获取下拉框的值和文本

1.问题背景 这里有一个下拉框,其中选项为一年四季,选中后打印下拉框的值和文本 2.实现源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>dojo-获取下拉框的值和文本</title> <link rel="stylesheet" href="js/dojo/dijit/themes/claro/cl

Python3.x:selenium遍历select下拉框获取value值

Python3.x:selenium遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 select_by_value(value) # 通过选项可见文本 select_by_visible_text(text) Select提供了四种方法取消选择: deselect_by_index(index) deselect_by_value(value) deselect_by

ThinkPHP中ajax绑定select下拉框无法显示

html代码: 控制器代码: 其中的<option value="{$vo.gradeId}">{$one.gradeName}</option> 在操作过程中无法自动填充,下拉框有位置,却无法填充数据库的原因是 数据库的命名统一 一致,不能使用驼峰命名法来命名数据库的表的名字. 可以使用下划线,横线来命名表.

MVC 中的@Html.DropDownList下拉框的使用

MVC 中的下拉框 实现方式,下面为大家介绍一个我自己认为比较好用的实现方式,而二话不说直接上代码: 第一步: 后台代码 //公共的方法 //在每次需要展示下拉框的时候,需要调用一下这个方法 [数据源是DB数据库] private void _ProductExtensions( BtDbContext _ctx ) { #region 商品分类 List<SelectListItem> listProductTypes = new List<SelectListItem>();