angularJs 处理下拉列表（select option）

<select ui-select2="{allowClear: true }" ng-model="orderTreatInfo.performDeptId" id="treatPerformDeptId">
    <option value=""></option>
    <option ng-repeat="performDept in performDeptList" value="{{::performDept.deptCode}}">
        {{::performDept.deptName}}
    </option>
</select>

performDeptList 是下拉列表要显示的内容，是一个数组用来ng-repeat遍历的

performDept 是 performDeptList 的每一项

value="{{::performDept.deptCode}}" 如果选中这一项value的值就会被赋值给 $scope.orderTreatInfo.performDeptId

{{::performDetp.deptName}}是用来显示在select中的内容选择这个则实际赋值的则是其option标签中的value值

时间： 2024-11-07 15:56:42

angularJs 处理下拉列表（select option）的相关文章

【JavaScript】下拉列表select中在value传递多个值，取出其option显示值，并应用此作为导航

对于下拉列表select,众所周知,其值就是选中的option中的value值,可是如果需要取出每一个option的显示值,那又如何做呢?虽然没什么必要取出option的显示值,但是如果有时候确实需要这个显示值,在javascript的脚本做点什么呢?另外,如果要再value处传递多个值呢?那又改如何呢? 一.取出option的显示值你可以先传递整个select过去脚本,假设传过去的形式参数是obj,然后利用obj.options[obj.selectedIndex].innerHTML来取出

模拟下拉列表select

<!doctype html> <html> <head> <meta charset="utf-8"> <title>模拟下拉菜单</title> <style> * { margin: 0; padding: 0; } body { font: 14px '微软雅黑'; color: #555; padding:50px; } ul { list-style: none; } p { margin-

JS-005-JavaScript 操作常见 web 元素之五-常见下拉列表 Select 和 datalist

下拉列表在我们日常的网页浏览的过程中,随处可见,是 web 编程过程中大家非常熟悉的一个页面元素,随着 HTML 语言的日益强大,其在广大攻城狮的手中可谓是千变万化,有了很多不同的实现方式.本文主要以常规的 Select 下拉列表来讲述 js 对下拉列表的常规操作,其中 datalist 算是此文稍许的延伸,也可看做一种简单的下拉列表,遗憾的是 IE 9 和更早版本的 IE 浏览器以及 Safari 不支持 datalist 标签,其主要应用于输入或搜索文字的自动完成功能等,感兴趣的亲们可以详

select option知识

<select> <option value="volvo">Volvo XC90</option> <option value="saab">Saab 95</option> <option value="mercedes">Mercedes SLK</option> <option value="audi">Audi TT<

下拉列表Select的操作

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>对下拉列表select的基本操作</title><script src="jquery-1.8.2.min.js"></script></head> <body><select nam

js获取下拉列表(select)选中项的值和文本

获取下拉列表选中项的值和文本(select) <html> <head> <meta charset="utf-8"/> <title>获取下拉列表选中项的值和文本(select)</title> </head> <body> <select id="myselect"> <option value="fist">1</option&

div模拟select/option解决兼容性问题及增加可拓展性

想到做这个模拟的原因是之前使用select>option标签的时候发现没有办法操控option的很多样式,比如line-height等,还会由此导致在IE8及以下版本浏览器中的各种问题. 这个模拟思路很简单,也很清晰,我就直接上代码了 html: 第一层div是模拟select标签,第二层div是模拟option下拉列表 1 <div> 2 <div class="sim-select"></div> 3 </div> 4 <

用纯css改变下拉列表select框的默认样式（转）

用纯css改变下拉列表select框的默认样式分享到分类 JS学习关键字前端发布 kris 2015-04-01 注意转载须保留原文链接,译文链接,作者译者等信息. 在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式. 问题的提出事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计. 一切看起来很好,很正常,直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同!你说:“这没

Jquery获取select option动态添加自定义属性值失效

Jquery获取select option动态添加自定义属性值失效 2014/12/31 11:49:19 中国学网转载编辑:李强 http://www.xue163.com/588880/39096/390963333.html 为了帮助网友解决“Jquery获取select optio”相关的问题,中国学网通过互联网对“Jquery获取select optio”相关的解决方案进行了整理,用户详细问题包括:jqueryselectie9 function GetFenceItemData(

jquery获得select option的值和对select option的操作

1.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=$("#selec