Javascript angularjs <select>的默认值是0，而它应该是1
JavaScript中的AngularJS是一个流行的前端开发框架，它提供了一种结构化的方法来构建动态Web应用程序。在AngularJS中，<select>元素是用于创建下拉列表的HTML标签。默认情况下，<select>元素的默认值是由其内部的<option>元素的第一个选项决定的。
如果希望<select>的默认值是1而不是0，可以通过设置ng-model指令来实现。ng-model指令用于将<select>元素的值与AngularJS中的变量进行绑定。可以在控制器中定义一个变量，并将其与<select>元素的ng-model指令绑定。然后，在<option>元素中使用ng-selected指令来选择默认值为1的选项。
以下是一个示例代码：
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="selectedValue">
<option ng-selected="selectedValue == 1" value="0">0</option>
<option ng-selected="selectedValue == 1" value="1">1</option>
<option ng-selected="selectedValue == 1" value="2">2</option>
</select>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.selectedValue = 1;
});
</script>在上面的示例中，通过设置ng-selected指令来选择默认值为1的选项。当用户选择不同的选项时，$scope.selectedValue变量的值也会相应地更新。
相关·内容
我有一个带有六个选项的select元素，第一个是空白选项：
<select name="method-rcvd" class="form-control" ng-model="workRequest.ReceiveMethod" required >
<option value="" ng-selected="true"></option>
<option value="1">Phone</option>
<o
浏览 1提问于2014-10-15得票数 0
1回答
我在angularjs的选择框中有一个问题。
我正在使用这个来获取我的locationList：
locationFactory.getLocation().then(function (data) {
$scope.locationList = data.data.locationList;
});
结果是：
我就是这样把它添加到视图中的复选框中的：
<select ng-options="location.strBarangay for location in locationList"
浏览 1提问于2016-08-15得票数 0
回答已采纳
我正在学习AngularJS并尝试实现一个表单。我有一个select元素，我希望能够根据选定的文本更改所选值的颜色。
Html:
<select ng-model="myselect" ng-class="{defaultoption: myselect.value == 'Default'}">
<option value="" disabled selected>Default</option>
<option>Opt1</option>
&l
浏览 1提问于2015-03-08得票数 0
回答已采纳
如何使用angularJS填充下拉列表？
我已经成功地在两个下拉列表中设置了该选项。
在我的下拉列表中，一个依赖于另一个，即父母有相应的孩子
假设我在数据库中存储的父名是伦敦，而子名是伦敦State2，
在我的html页面中，当我单击“编辑此内容”时，我需要在我的下拉框中填充整个数据，并选择此特定的父名为"London“，子名为"London State2”。
编辑内容时，内容将在下拉菜单中选择的唯一一件事..
即。在打开此页面时，我想选择父名称作为伦敦，子名称默认为伦敦State2
我的问题是，当我打开这个页面时，默认的父名是--选择--而子名是--选择--
这是我的scri
浏览 0提问于2016-05-06得票数 0
我刚把那些srcipt添加到我的网页上，并且出现了错误。
<script type="text/javascript" src="https://code.angularjs.org/1.3.0-rc.1/angular.js"></script>
<script type="text/javascript" src="https://code.angularjs.org/1.3.0-rc.1/angular-route.js"></script>
这正是我的例子，它适用于Fid
浏览 2提问于2014-09-16得票数 0
回答已采纳
我使用AngularJS创建一个html表单。因此，在我的表单中，我有两个文本输入和选择选项。守则如下：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
</head>
<script>
angular.module("myapp", [])
.
浏览 3提问于2014-09-24得票数 1
回答已采纳
我读了几本关于它的教程，但我不知道出了什么问题：
<!DOCTYPE html>
<html ng-app="dfuApp" ng-controller="dfuController">
<head>
<title>Angular JS Test</title>
</head>
<body>
<div>
current status: {{status}}
</di
浏览 1提问于2016-01-15得票数 2
回答已采纳
我有一个选择，比如：
<select multiple ng-multiple="true" ng-model="selectMulti" ng-options="br.Name for br in branches"></select>
控制器中的作用域对象如下：
vehicleFactory.getBranches().success(function (data) {
$scope.branches = data;
}).error(function (data) {
$scope.lo
浏览 2提问于2015-02-04得票数 1
回答已采纳
你好，我是java脚本的新手。我的小组成员写了一些代码来为项目创建网站，我想在我的笔记本电脑上运行它。我们在客户端使用AngularJS。但是我得到了以下错误：
ReferenceError: angular is not defined
at Object.<anonymous> (C:\Users\Usman\Desktop\temp_course_rating\temp_course
_rating\public\app.js:2:11)
at Module._compile (module.js:449:26)
at Object.Module._extensions..j
浏览 1提问于2013-02-10得票数 0
我开始为一个web应用程序学习AngularJS，我在理解框架的工作流程方面有一个问题。
我有两次下降：
<select class='selectorDropdown' ng-model='selectedElement' ng-change='selectedElementChange()'>
<option value='0' disabled selected>Option0
<option value='1'>Option1
<option
浏览 4提问于2016-05-25得票数 0
回答已采纳
1回答
我在c#代码中嵌入了以下sql。
这是一个搜索查询，搜索是基于城市和地址的。
查询如下所示，
string sql = "declare @v int;set @v=-1;declare @st varchar(1000);";
sql += "set @st='select PLACEID,LEFT(CONVERT(NVARCHAR(1000),description),500)+''...'' as des1,LOCATIONCITY,ADDRESS,DateT,RENT from infoone where
浏览 1提问于2014-09-22得票数 0
我的网页上有引导标签。
在第一个选项卡上，用户被赋予选择路由选项。用户选择路由。选择之后，AJAX请求将被发送以保存路由。在AJAX成功时，JavaScript关闭第一个选项卡并自动打开下一个选项卡。
在下一个选项卡上，我使用select查询。查询将获得在前一个选项卡中选择的用户路由的详细信息。
如何使用用户在第一个选项卡中选择的路由ID进入MySQL查询。Select查询会像SELECT * RouteID =？怎么才能取代呢？使用路由ID
当用户选择路由时，这是JavaScript。
$(document).ready(function () {
浏览 1提问于2018-06-08得票数 1
我有一个带有空白选项和其他选项的复选框。这些选项不是使用ngOptions指令生成的，因为它们是在服务器端(使用Symfony窗体)生成的。
在某些情况下，我希望取消选中复选框的选定值。以便选择空白选项。但我不能让它起作用。复选框不会更新。
我创建了一个来展示这个问题。
html
<div ng-controller="MyCtrl">
<form name="form">
<select ng-model="foo.hero" name="foo[hero]" my-dire
浏览 5提问于2014-06-25得票数 0
回答已采纳
2回答
我试图根据列表值隐藏/取消隐藏一些行，如果它们是隐藏的，则将一个单元格设置为0。如果选择1，代码将隐藏行，但如果选择任何其他值，它将不会隐藏它们。我的可用值是1到5。
Private Sub Worksheet_Change(ByVal Target As Range)
'Updated by Extendoffice 20180822
If Target.Address = "$F$16" Then
If Target.Value <= 2 Then
Application.Rows("22:25&
浏览 0提问于2018-10-04得票数 0
回答已采纳
我有填充dropdownlist的代码和获取列表中最后一项的javascript变量。现在我要做的就是选择最后一项作为默认的.What，我是不是缺少？
<div class="row">
<div>
<select ng-init="lastItem" ng-model="congressFilter" ng-options="cc.congressLongName for cc in ccList"></select>
</div>
<div class=
浏览 2提问于2013-11-12得票数 0
回答已采纳
对于带有angularjs的select标记，我要做的是：
<select ng-init="getdata()" data-ng-model="ob.id"
data-ng-options="level.id as level.desc for level in levels"
data-ng-selected="ob.id == level.id">
<option value="0">default...</option>
浏览 4提问于2014-02-27得票数 3
回答已采纳
我正在使用Angularjs1.4.4，不知怎么的，ng-click并不适用于按钮。按钮是ng-重复的一部分，它在指令中。请参考
以下是代码详细指令js：
app.directive("accordion", [function() {
return {
restrict: "E",
scope: {
cities: '='
},
templateUrl: "Accordion.html",
replace: true,
link: function($scope,
浏览 2提问于2015-08-23得票数 0
回答已采纳
2回答
select元素不按预期绑定。
html:
<select ng-model="SelectedPage"
ng-change="ShowPageResult();" ng-options="o for o in PageNumbers">
</select>
ctrl.js:
function BindPageNumbers() {
$scope.PageNumbers = [];
for (var i = 1; i <= 2) ; i++) {
浏览 0提问于2015-07-08得票数 1
回答已采纳
我使用的是Angular js 1.3.4版本，并使用ui-select。
我将复杂的多级JSON对象数组绑定到这个ui-select，它工作得很好。因此，用户可以选择此select中的任何选项。当用户保存其他数据和此选择数据时，我将此信息保存在数据库中。所有这些都运行得很好。
我遇到的问题是如何将数据绑定到它。这可能不是ui-select的问题，因为我也不能将数据绑定回textbox。
下面是我从我的数据库中得到的json(经过一些修改)：
{
"input1":{
"set1":{
"source":
浏览 24提问于2019-08-19得票数 1
回答已采纳
我使用material来列出下拉值，我有一个hub、Country和account下拉字段，我想设置数组对象的第一个值来选择所选的初始值。
数据文件：
export const dataHub = [
{ name: 'Western Europe', hubId: 1 },
{ name: 'IMMEA', hubId: 2 },
]
export const dataCountry = [
{ name: 'France', countryId: 1, hubId: 1 },
{ name: 'Ger
浏览 0提问于2021-03-30得票数 0
回答已采纳
1回答
我和这个话题中的人有同样的问题：
两种方法都找不到解决办法。我使用MAMP运行网站，所以这不是我想的问题吗？
以下是代码：
index.html
<!DOCTYPE HTML>
<html ng-app="myQuiz">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="
浏览 4提问于2016-04-09得票数 0
回答已采纳
1回答
收到400个错误请求
、、、、
我正在编写以下HTML代码
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/static/css/grafana_style_sheet.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<
浏览 1提问于2015-10-19得票数 0
当我使用ng-option绑定我的dropdown时，code值从string更改为0，1，2...以下是我的代码
<select ng-model="class.code"
data-ng-form="field"
data-ng-required="false"
ng-options="item.code as item.name for item in classes"
class="form-control" />
下面是我用来绑定下拉列表的json
class.code
浏览 1提问于2014-10-09得票数 0
3回答
我想知道是否可以在单击selected value selected="selected"时提交一个表单(输入的下拉列表)。我好像不能让它工作。
我的代码：
<form method="post" name='myform' id="box" action="javascript:alert('submitted')" onsubmit="if(this.f.value == -1){return false;}">
<fieldset class=
浏览 2提问于2014-02-09得票数 0
在AngularJs <select>中填充选项时，将添加一个额外的默认<option>，直到选择了一个值为止。
例如：
<select
ng-model="select1"
ng-options="title as title for title in ['Option 1', 'Option 2', 'Option 3']">
</select>
生成以下HTML标记：
<select ng-model="select1&#
浏览 7提问于2017-10-02得票数 1
回答已采纳
1回答
我在AngularJS 中找到了包装jQuery日期选择器的很好的实现，然后尝试用jQuery Autocomplete做同样的事情。
index.html：
<body ng-app="myApp" ng-controller="testCntrl">
<input type='text' autocomplete ng-model='$parent.currentSuggestion' static-data='staticData' select=inform(suggestion)
浏览 1提问于2015-02-05得票数 0
使用带有ng-options的select将导致值为'?‘的选定选项。
<select ng-model="somethingHere"
ng-options="option.value as option.name for option in options"
class="ng-pristine ng-valid">
<option value="?" selected="selected"></option>
浏览 2提问于2014-04-07得票数 0
我有一个带有select的表单，通过ng选项生成，并与ng模型连接。此选择通过ng更改调用函数。
在此函数中，我从select中删除所选选项，并将引用的ng模型中的值重置为默认值。
在后面的一点上，我希望将此选项添加回select中，这很好，但是当将该选项添加到select中时，它会自动选择它，而不是已经选中的默认值。
这似乎发生在函数添加完选项和角运行其内部$apply函数之后。
如何保持选定的默认值？
html：
<select ng-model="selectedItem" ng-options="item.name for item in allItems
浏览 2提问于2014-11-20得票数 0
回答已采纳
我有个过滤器
angular.module(Bt.config.site.ng_app_name)
.filter('range', function () {
return function (input, min, max, padding){
min = parseInt(min);
max = parseInt(max);
padding = padding ? padding : false;
for (var i=min; i<=max; i
浏览 0提问于2013-09-30得票数 1
回答已采纳
我正在用雪花编写一个存储的proc，它有一个VARCHAR参数，我想知道如何获得该参数的默认值。
CREATE OR REPLACE PROCEDURE test(arg1 VARCHAR, arg2 VARCHAR)
returns VARCHAR
language JAVASCRIPT
AS
$$
sql_cmd = snowflake.createStatement ({sqlText:`SELECT * from <table> where ID = ${ARG1};`});
sql_cmd.execute();
$$;
我将把这一程序称为：
CALL test (arg
浏览 3提问于2022-04-04得票数 2
2回答
我对这件事快疯了。我有以下SP：
ALTER PROCEDURE [BankImport].[spBI_getIsBatchUnique]
@batchName varchar = 500
AS
BEGIN
SET NOCOUNT ON;
IF (EXISTS (SELECT 1 FROM [ACN_Main].[BankImport].[tblBI_Jobs]
WHERE [batchNumber] = @batchName))
BEGIN
SELECT 1
END
ELSE
浏览 1提问于2012-06-18得票数 1
回答已采纳
4回答
我有个奇怪的问题.
首先，这里有一个查询，用于获取所有PMs，无论它们是否已为用户ID 1读取或删除：
SELECT * FROM `pms` WHERE `toid` = '1'
这将按预期返回3行。接下来，让我们看看是否只能获得这个用户的未读消息：
SELECT * FROM `pms` WHERE `toid` = '1' AND `read` = '0'
这将按预期返回2行。让我们看看是否可以获得任何已被绑定的读取和未读消息：
SELECT * FROM `pms` WHERE `toid` = '1' AND `binn
浏览 3提问于2013-01-27得票数 0
回答已采纳
我在开发可视化强制页面时使用了AngularJS，并且试图在自定义对象下创建记录，我可以看到Salesforce控制器正在将ID返回给javascript回调函数，并且正在使用
$scope.lblMsg={value:result['message']}
在成功条件下，但我无法将其填充到label字段中，而label字段不显示，而当我使用
document.getElementById('lblMsg').innerHTML=result['message'];
我展示了这条信息。
请您建议一下使用AngularJS可能会犯什么错误吗？并指定使
浏览 5提问于2015-04-28得票数 0
回答已采纳
这里我的json对象：
$scope.todos = [{
name: 'angular',
field: ['a', 'b', 'c', 'd'],
id: 1
}, {
name: 'asd',
field: ['a', 'b', 'c', 'd', 'e'],
id: 2
}];
我选择如下：
<select ng-model="dashboa
浏览 6提问于2016-06-17得票数 0
1回答
这就是我所犯的错误
angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.4/$injector/modulerr?p0=myApp&p1=Error%3A%2…arJS%2Fangular-my-app%2Fnode_modules%2Fangular%2Fangular.min.js%3A22%3A179)
at angular.js:38
at angular.js:4920
at q (angular.js:403)
浏览 1提问于2017-05-20得票数 1
回答已采纳
大家好，我有以下代码：
<select class="form-control"
ng-init="mod = getPet.name"
ng-model="mod"
ng-options="pet.value as pet.name for pet in pets" >
</select>
getPet函数：
$scope.getPet = CommonSrv.getPetById(2);
getPetById在一个数组中搜索带有id的宠物
我对此的理解是mod是选择的
浏览 0提问于2015-10-23得票数 0
我已经列出了项的对象列表，并且一切正常工作，但是现在我想添加选中的默认值，但是我对它有问题。
下面是下拉列表的HTML代码：
<select kendo-drop-down-list
k-options="selectItems"
k-ng-model="selectedItem">
</select>
在AngularJS (使用TypeScript)中，我正在做下拉列表：
this.itemsToSelect = [{id: 1, name: "One"}, {id: 2, name
浏览 4提问于2018-05-28得票数 0
我需要从控制器的模板html文件中填充select(选项)元素。我可以成功地完成它，但是不能给出默认值(以避免第一个空选项)
template.html文件
...
<select name="drill_down" id="drill_down" ng-model="drill_down"
ng-options="item.value for item in items"></select>
...
controller.js文件
(function () {
'use strict
浏览 4提问于2015-08-21得票数 0
回答已采纳
我正在使用Datepicker插件
在科尔多瓦AngularJS项目中
我正在尝试为userdatadob设置默认值，该值来自webservice，但不起作用。虽然当我单击此字段时，会出现日期选择器，并设置值。
我已经测试了来自Webservice的值，并且它显示在其他输入字段中
我在普通的Javascript上测试了插件，它可以使用value属性
它不只在AngularJS上工作，任何帮助都将不胜感激
以下是我的代码
<div style="text-align:center;"><input type="date" placeholde
浏览 1提问于2015-06-03得票数 1
我是AngularJS的新手，我非常喜欢它。但是我遇到了一个问题，试图用一个特定值初始化一个预加载的下拉列表。
dropdown是用JSON数组中的可用值初始化的，但是当我尝试在这个下拉列表中选择一个默认值时，我没有看到该值被选中，但是ng-model变量被正确设置。
我在这里创建了一个柱塞示例，试图实现我想要的东西，但我不能让它工作。我尝试了ng-repeat和ng-select，但没有成功。我做的另一个尝试(在本例中)是尝试设置ng-selected属性。
这是我的html的一部分。
<body ng-controller="MySampleController"&g
浏览 12提问于2016-08-18得票数 2
我正在尝试在角js中填充当前选定的项。
当前选中的项是在event.email.chases[0].id中使用id的项
我正在尝试将其与从case.activeChases填充的复选框匹配。
到目前为止，这可以实现我想要的结果，每当选中框发生更改时，它都会更新。
<select
class="form-control"
name="chase"
id="chase"
ng-model="customer.chase"
ng-change="addEmailToChase(cus
浏览 2提问于2015-02-03得票数 0
回答已采纳
1回答
我很新的角度，有一个问题的路由，我设置它很简单，但它仍然没有工作。
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-widt
浏览 2提问于2015-01-24得票数 0
回答已采纳
我是AngularJS的新手。现在，我在一个电子商务站点上应用了以下两个过滤器：
<div ng-show="user.ShipMethod != null && shippers && orderShipAddress.AddressName != 'BIG'" " ng-class="{'view-form-select': !currentOrder.LineItems[0].ShipperName, '': curren
浏览 2提问于2015-06-13得票数 0
回答已采纳
我不能在angularjs中访问javascript对象属性。
我使用下面的html显示一个下拉列表，其中包含从angular http-call加载的所有省份：
$http.get("http://myRestUrl/province").then(function(response)
{
$scope.provinces = angular.fromJson(response.data);
});
<select class="form-control" ng-model="selectedProvince">
<
浏览 0提问于2016-01-21得票数 0
2回答
我有一个查询，如果没有匹配(如果uuid和scene_id不匹配)，它可能不会返回任何内容。
我的问题是：
select active from likes where uuid=12 and scene_id=22
因此，为了解决这个问题并在这种情况下返回0，我将其与默认值合并，并添加“limit 1”，就像下面的查询一样；但我无法让它工作！
select * from ((select active from likes
where uuid=12 and scene_id=22)as a
union all
(select 0 as 'active')as b)l
浏览 2提问于2014-05-22得票数 0
现在，我正在尝试为select下拉菜单设置默认值。但无法将其删除，代码如下：
<div class='paymentmethods subcontent' ng-switch on="editpaymentmethod">{{editselection.selectedmethod=Memethods[paymethodindex]}}// This gives me what I need,but select doesn't. confused?
<select ng-model='editselec
浏览 1提问于2015-02-27得票数 0
1回答
我的应用程序首先使用EF 6代码
我有一个带有一些非必需属性的模型，我使用模型生成器生成存储过程，问题是我不想在插入或更新期间将非必需字段发送到数据库，因为其中大多数字段都具有默认约束。
我试图编辑sqlserver中存储过程的定义，但我似乎无法将其与EF同步，它说“指定的参数太多”，
我试图生成迁移，然后编辑存储过程的定义，但是当我更新-数据库时，它说对象已经存在了。
是否有办法将任意数量的参数发送到数据库和
是否有方法将已编辑的存储过程同步到EF
每一项建议都将受到高度赞赏。
编辑:模型
public class BattalionDetails
{
[Key]
浏览 2提问于2016-05-11得票数 0
我使用的是AngularJS v1.2.3和jQuery 1.7.1，这两个库的排序顺序如下：
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="angular.min.js"></script>
下面的脚本以一种奇怪的方式工作，Firebug显示item #2有"selected“属性，但我认为#1是selected！
浏览 0提问于2013-12-09得票数 4
我有两个选项和一个默认的选择标签，只需说“选择年份”。所以，我想要一个div后的选择是隐藏加载时，该选项仍然是在“选择的年份”。问题是，只有当我选择一个选项，然后再选择“选择年份”时，它才会隐藏div。
这是我的密码：
When do you want to study?
<select name="ddlYear" ng-model="data.calendar_year">
<option value="">-- Select Year --</option>
<option valu
浏览 2提问于2015-02-24得票数 0
回答已采纳
我试图添加一个默认选项到一个有角度的select，但它添加了一个空白选项，奇怪的是，当我选择它时这个选项就消失了。
我使用这样的ng-options将对象绑定到select。我附加了一个默认选项，如：
var DocumentSearchController = function (documentsService) {
documentsService.getDocTypes().then(function (results) {
this.documentTypes = results.data;
this.documentTypes.unshift
浏览 1提问于2016-03-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
