仅在<select multiple =“”>中选中

时间:2016-09-14 14:08:33

标签: javascript html angularjs

我试图只在名单列表中获取已检查的名称。这是我的代码模型: &#13; &#13; &lt; select ng-model =&#34; selectTopic&#34; NG-变化=&#34; changedTopic(selectTopic)&#34; ng-options =&#34;选项作为主题选项的选项&#34;&gt;&gt;&#13;     &lt; option value =&#34;&#34;已禁用&gt;选择主题&lt; / option&gt;&#13; &LT; /选择&GT;&#13; &#13; &lt; select ng-model =&#34; selectDept&#34; NG-变化=&#34; changedDepartment(selectDept)&#34; ng-options =&#34;选项作为部门选项的选项&#34;&gt;&#13;     &lt; option value =&#34;&#34;已禁用&gt;选择部门&lt; /选项&gt;&#13; &LT; /选择&GT; &#13; &#13; &lt; select ng-model =&#34; selectUser&#34; ng-options =&#34;选项作为用户选项的选项&#34;多个=#&34;多个&#34;&GT;&#13; &lt; option value =&#34;&#34;已停用&gt;选择用户&lt; /选项&gt; &#13; &LT; /选择&GT;&#13; &#13; &#13; 我想获得所选主题,部门和用户。我目前正在使用:console.log($ scope.topics + $ scope.departments + $ scope.users),但它返回所有内容。我只想退回所选项目。 谁能帮我吗?

2 个答案:

答案 0 :(得分:1)

您必须打印ng模型,而不是阵列:

console.log($scope.selectTopic);
console.log($scope.selectDept);
console.log($scope.selectUser);

希望有帮助=)

答案 1 :(得分:0)

在表单中使用一个对象作为模型,然后在该一个对象中拥有所有用户输入,这使得发送到服务器或重置表单变得简单

$scope.userInput={}

<select ng-model="userInput.selectTopic" ng-change="changedTopic(userInput.selectTopic)" ng-options='...'>
<select ng-model="userInput.selectDept" ng-change="changedDepartment(userInput.selectDept)"  ng-options='...'>

要查看此工作,请暂时在您的视图中添加以下内容

<pre>{{userInput|json}}</pre>