ng1 select 默认选中第X项并且不会出现空白列的实现方式

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body ng-app="app" ng-controller="ctrl">
	<h1>试试下拉</h1>
	<select ng-model="data">
		<option ng-repeat="x in datas" value="{{x.id}}">{{x.name}}</option>
	</select>
	<h2>你选择的是:{{data}}</h2>
</body>
<script type="text/javascript" src="../vendor/angular.min.js"></script>
<script type="text/javascript">
	angular.module(‘app‘,[]).controller(‘ctrl‘,function($scope){
		$scope.datas = [
			{id:"1",name:‘zhangsan‘},
			{id:"2",name:‘lis‘}
		];
		$scope.data = $scope.datas[0].id;
	});

</script>
</html>
时间: 2024-10-13 12:02:40

ng1 select 默认选中第X项并且不会出现空白列的实现方式的相关文章

Android ListView 默认选中某一项

这里是使用 TOC 生成的目录: Layout文件定义 ListView定义 item 模板定义 代码 初始化列表 用户点击处理 效果 要使用 ListView 实现一个充值方式选择,默认想选中第二项,搞了一下午,终于搞定了.原本就没怎么用 Java 写过 Android 应用,又隔了好久没写,一切都生疏了,半吊子变成大呆瓜了-- Layout文件定义 分两部分,一部分是 ListView 的定义,一部分 item 模板,即 row 的定义. ListView定义 说起来也很简单,下面是 Lay

[转]Ext ComboBox 默认选中某一项

原文地址:http://blog.csdn.net/liuguxing/article/details/8623190 [javascript] view plain copy 项目中经常用到选择框,需要从后台异步加载数据,可单独写一个组件进行加载 [javascript] view plain copy App.ComboBox = function(combo){ var comboBox = new Ext.form.ComboBox({ store:new Ext.data.JsonSt

struts2设置&lt;s:select&gt;默认选中项的方法

struts2的select标签中,常用的有以下几个属性:(1)struts2中的select 标签中,必须设置的属性只有一个,即是list.(2)select标签的list中必须有值,不然会报错.如果没有值,可以加上headerKey, headerValue,这样就可以通过了.即使list中有值,我们也通常会加上headerKey, headerValue,即列表中显示的第一个选项.注意,headerKey不可以为空,不可以为-1.(3)list属性:通常是在action中定义的,必须是一个

struts2 select 默认选中

jsp: <s:select list="#{'1':'男','2':'女'}" name="sex"/> action: private String sex;sex属性有get/set方法. 在业务方法中设置sex = "2";select会默认选中.

select默认选中项颜色为灰色,选择后变为黑色(js实现)

<script> var unSelected = "#999"; var selected = "#333"; $(function () { $("select").css("color", unSelected); $("option").css("color", selected); $("select").change(function () {

js 默认选中分页条件项

1 <table border="0" cellspacing="0" cellpadding="0" height="100%" align="left"> 2 <tr valign=bottom> 3 <td></td> 4 <td><select id="viewType" name="viewType&q

vue中select默认选中

<div id="app"> <!-- 选择一个 --> <select name="abc" id="" v-model="fruits"> <option value="" >请选择</option> <option value="苹果">苹果</option> <option value=&q

HTML - SELECT默认选中

除了在option中定义属性selected = "selected" 还可以 <select defaultValue='2'> <option value="0">美国队长</option> <option value="1">天启</option> <option value="2">大鱼海棠</option> </select&g

修改select下拉选的默认选中值

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 </head> 7 <script type="text/javascript" src="js/jquery-1.8.0.js"></script> 8 <body&g