angular.js - angularjs如何實現聯動並post?
黄舟
黄舟 2017-05-15 17:05:13
0
1
439

最近在用AngularJs寫下拉動,但是困在了第二個下拉框值的顯示和聯動數值post的問題上,希望各位大神幫助

問題:

  • 第二個下拉框值如何顯示

  • post提交後的值怎麼處理?現在第一個下拉框post後的值是object:3,如何轉換成json裡的數值

html代碼:

<p id="login" ng-app='angular_post_demo' ng-controller='sign_up'>
    <input type="text" size="40" ng-model="email">            
    <br>
    <input type="password" size="40" ng-model="password">
    <br>
    <select ng-options="universit.uni for universit in arr" ng-model="university"></select>
    <br>
    <select ng-options="student for university in arr" ng-model="student"></select>
    <br>
    <button ng-click="check_credentials()">Login</button>
    <br>
    <span id="message"></span>
</p>

js程式碼:

    var app = angular.module('angular_post_demo', []);
    app.controller('sign_up', function($scope, $http) {
        $scope.arr = [{
            "uni": "TS",
            "stu": ["Tom", "HHH", "KKK"]
        }, {
            "uni": "SDU",
            "stu": ["AA", "BBB"]
        }, {
            "uni": "SDUT",
            "stu": ["CCC", "DD"]
        }];
        $scope.university = $scope.arr[0];
        $scope.check_credentials = function() {
            document.getElementById('message').textContent = "";
            var request = $http({
                method: "post",
                url: window.location.href + "res.php",
                data: {
                    email: $scope.email,
                    pass: $scope.password,
                    university: $scope.university
                    // student: $scope.student
                }
            });
            request.success(function(data) {
                document.getElementById('message').textContent = data;
            });
        }
    });
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回覆(1)
PHPzhong
  • university的select加ngchange觸發

  • post的物件後處理具體看你什麼語言

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板