要选择第二个下拉列表选项,取决于第一个选定的列表选项

时间:2020-01-05 10:51:13

标签: javascript angularjs

我的代码包含在angularjs和node js中。

我创建了一个表单,其中有两个下拉列表,第二个下拉列表取决于第一个下拉列表选择的值,因此应在URL和应该在第二个下拉列表中获取与所选ID相关的后端选项。

我的代码是:HTML代码:在此代码中,第二个选择标记为空

#ingredientBox:active {
  color: red;
}

controller.js(通过此功能,值显示在第一个列表中)

<div class="form-group" ng-controller="viewCompanyCtrl">
    <label class="col-sm-2 control-label">Company: </label>

    <div class="col-sm-10">
        <select class="form-control m-b" ng-valid ng-not-empty
                ng-model="recom.compName",id ="company"  name="account"
                ng-options = "x as x.compName for x in companyInfo">
        </select>
    </div>
</div>

<div class="form-group">
    <label style="position: relative; left:15px; top: 30px">Demographics:</label>

    <div style = "position: relative; left:196px">
        <select multiple chosen class="chosen-select" ng-valid ng-not-empty 
                ng-model="recom.demo",id ="demo" name="account8"  tabindex="4"
                style = "width:890px;" >
        </select>
    </div>
</div>

config.js(这是页面的状态)

function viewCompanyCtrl($scope,$http,$state)
{
    $http.get('/viewCompany')
    .success(function(data){
        $scope.companyInfo = data;
        console.log($scope.companyInfo);
    })
    .error(function(){
        console.log("error");
    })

请帮助您传递ID并在后端获取它。

谢谢

0 个答案:

没有答案