Javascript 与下拉列表链接的文本区域
我有一个链接到文本区域的下拉列表,这样当从下拉列表中选择一个选项时,文本区域会自动从同一个模型中填充。可在此处查看工作版本: 我试图做的是通过编程更改下拉列表,并将更改反映在文本区域中。我可以通过设置值来更新下拉列表,当下拉列表显示正确时,更改不会层叠到文本区域。手动设置下拉列表时不会触发ng change,我无法设置文本区域的值,因为它是下拉模型的关系产品 我想做的事可能吗Javascript 与下拉列表链接的文本区域,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我有一个链接到文本区域的下拉列表,这样当从下拉列表中选择一个选项时,文本区域会自动从同一个模型中填充。可在此处查看工作版本: 我试图做的是通过编程更改下拉列表,并将更改反映在文本区域中。我可以通过设置值来更新下拉列表,当下拉列表显示正确时,更改不会层叠到文本区域。手动设置下拉列表时不会触发ng change,我无法设置文本区域的值,因为它是下拉模型的关系产品 我想做的事可能吗 <div ng-controller="Ctrl"> <div class="
<div ng-controller="Ctrl">
<div class="inputItem sectionArea">
<label>Sample List:</label>
<select class="allVars"
ng-change="selectAction()"
ng-model="allVarsDD"
ng-options="allVars.text_short for allVars in allVars"
>
<option value="">-- Select Option --</option>
</select>
<br/>
<textarea class="frequentInstructions inputLine" type="textarea" name="frequentInstructions"
ng-model="allVarsDD.text_long"
</textarea>
</div>
<div>
<script>
var app = angular.module('app', []);
function Ctrl($scope) {
$scope.allVars=[
{"fid":"1","environment":"0","text_short":"Short text 1","text_long":"text_long_1"},
{"fid":"1","environment":"0","text_short":"Short text 2","text_long":"text_long_2"},
{"fid":"1","environment":"0","text_short":"Short text 3","text_long":"text_long_3"}
];
}
</script>
样本列表:
--选择选项--
我找到了设置的正确语法:
在本例中,要将其设置为项目#1:
$scope.allVarsDD=$scope.allVars[1]
我更新了小提琴以反映正确的用法。您没有以编程方式在设置allVarsDD
的地方共享代码……如果您更改js代码中的值,则不会触发ng change