Javascript 将jQuery转换为角度-单击下拉菜单中的按钮更改选项
我想向使用jQuery的现有站点添加一些AngularJS功能。我有以下问题: 在jQuery中,当我单击一个按钮时,下拉项会发生变化。请参阅下面的JSFIDLE:Javascript 将jQuery转换为角度-单击下拉菜单中的按钮更改选项,javascript,jquery,html,angularjs,forms,Javascript,Jquery,Html,Angularjs,Forms,我想向使用jQuery的现有站点添加一些AngularJS功能。我有以下问题: 在jQuery中,当我单击一个按钮时,下拉项会发生变化。请参阅下面的JSFIDLE: $('#cameratage')。单击(函数(){ $('#rooms option[value=“Camera Tagete”]').attr('selected',true); }); $('#cameraoleandro')。单击(函数(){ $(“#房间选项[value=“Camera Oleandro”]”)。attr(
$('#cameratage')。单击(函数(){
$('#rooms option[value=“Camera Tagete”]').attr('selected',true);
});
$('#cameraoleandro')。单击(函数(){
$(“#房间选项[value=“Camera Oleandro”]”)。attr('selected',true);
});
$('#cameragelsomino')。单击(函数(){
$(“#房间选项[value=“Camera Gelsomino”]”)。attr('selected',true);
});代码>
我不知道
塔吉特
奥莱安德罗
杰尔索米诺
像这样的AngularJS很容易做到这一点
看法
Stackoverflow不是一个代码转换服务或“如何”教程服务。很抱歉@charlietfl!谢谢@lin
<div ng-controller="MyCtrl">
<a id="cameratagete" ng-click="selected = '1'">Select: Item 1</a><br/>
<a id="cameratagete" ng-click="selected = 'Camera Tagete'">>Select: Item 2</a><br/>
<a id="cameratagete" ng-click="selected = 'Camera Oleandro'">>Select: Item 3</a><br/>
<form method="post" action="./test">
<select id="rooms" ng-model="selected" name="someOption">
<option value="1">I dont know</option>
<option value="Camera Tagete">Tagete</option>
<option value="Camera Oleandro">Oleandro</option>
<option value="Camera Gelsomino">Gelsomino</option>
</select>
<br />
<button type="submit">
Send
</button>
</form>
</div>
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', function ($scope) {
$scope.selected = '1';
});