gpt4 book ai didi

javascript - ng-change 正在清除预选的下拉选项

转载 作者:行者123 更新时间:2023-11-29 23:26:23 25 4
gpt4 key购买 nike

我一直在使用 ng-change 实现一些实时搜索,除了我在预选下拉框中遇到的这个问题外,它运行良好。

当我提供页面时,我将selected="selected"设置为默认选项。但是,当页面加载时,它只是跳转到顶部选项。我需要下拉框保留选项三。

<html>
<body >

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js" type="text/javascript"></script>

<script type="text/javascript">
angular.module('myApp', [])
.controller('Ctrl', function ($scope, $http)
{
});
</script>

<form name="aspnetForm" method="post" action="./Test2.aspx" id="aspnetForm">

<div ng-app="myApp" ng-controller="Ctrl">
<select name="DropDownTest" id="DropDownTest" ng-model="LiveSearchOptions" ng-change="SearchFieldChanged()">
<option value="">ALL</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3" selected="selected">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
</div>

</form>

当我删除模块(通过删除脚本标签)时,它工作正常。你能建议一下吗?我对此很陌生!

JS Fiddle 可以玩 https://jsfiddle.net/4to3ux4g/14/

最佳答案

您已将 ng-model 附加到 Controller 。所以 selected 属性被 ng-model

中的值覆盖
 angular.module('myApp', [])
.controller('Ctrl', function ($scope, $http)
{
$scope.LiveSearchOptions = '3';
});

fiddle :https://jsfiddle.net/BoyWithSilverWings/bbsymmr8/1/

关于javascript - ng-change 正在清除预选的下拉选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49109892/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com