我有一個下拉在選擇標籤的形式列表如下所示：傳下拉列表選項，以控制器
<select id = "1">
<option>Amy</option>
<option>Gi-Anne</option>
</select>
我想通過所選擇的選項 - amy或GI安該方法的控制器。
public String name (string nameSelected)
{
var query = new NameQuery();
if(nameSelected.Equals('Amy'))
{run a specific query}
else if(nameSelected.Equals('Gi-Anne'))
{run a specific query}
}
如何將所選下拉列表值的參數傳遞給控制器？感謝您的幫助，並提前致謝。
使用AngularJS這是'相當容易'，對於（模擬）示例，請參閱此Plunk。
的HTML更改爲：
<body ng-app="myApp">
<div ng-controller="myController">
State: {{onChangeText}}
<br/>
<select ng-model="selectedItemId" id="itemList" ng-change="onChange()">
<option value="{{item.id}}" ng-selected="{{item.id == selectedItemId}}" ng-repeat="item in items">{{item.name}}</option>
</select>
<br/>
{{selectedQuery}}
</div>
</body>
有了這樣的控制器：
app.controller("myController", [
"$scope",
"$http",
function($scope, $http){
var self = {};
self.simulatedGetQuery = function() {
console.log($scope.selectedItemId);
$scope.selectedQuery = "";
switch($scope.selectedItemId) {
case "1":
$scope.selectedQuery = "Query Amy";
break;
case "2":
$scope.selectedQuery = "Query Gi-Anne";
break;
}
};
self.httpGetQuery = function() {
$http({
method: 'GET',
url: 'http://somehostname/action/' + $scope.selectedItemId
}).then(function successCallback(response) {
$scope.selectedQuery = response;
}, function errorCallback(response) {
});
};
// -- SCOPED -- //
$scope.selectedItemId = 0;
$scope.items = [
{
"id": 1,
"name": "Amy"
},
{
"id": 2,
"name": "Gi-Anne"
}
];
$scope.onChange = function() {
$scope.onChangeText = "simulated GET triggered.";
self.simulatedGetQuery();
// Use this for actual GET
// self.httpGetQuery
};
// --- //
$scope.onChangeText = "waiting for user input";
$scope.selectedQuery = "no query selected. Chose a person for a valid query.";
}]);
那就需要在真實的環境中充實，但我認爲它會爲一個做模擬測試。檢查Plunk中的腳本以獲取有關如何執行此操作的更詳細的視角。所有這些都是客戶端。
$http調用的URL應該是您的後端（MVC或Web API）控制器。
您正在使用哪個MVC框架（asp.net mvc）？您是否提交表單（在這種情況下，您的選擇標記需要'name'屬性 -