首页 > 解决方案 > 绑定下拉选择到输入框

问题描述

我是 AngularJS 的新手。我一直在尝试实现多级下拉菜单,并希望最后一个下拉菜单的值出现在输入框中。到目前为止,我只设法获得了 Id 而不是实际的文本。

我是否需要$scope.change将 ID 更改为名称?

我一直使用此代码作为起点 https://codepen.io/AliAdravi/pen/vObeya

这是我更改的代码部分:

    <div class="form-group">
    
      <label for="city" class="col-sm-2 control-label">City </label>
      <div class="col-sm-7">       
        <select  ng-model="customer.City"
                ng-options="x.Id as x.city for x in cities"
                class="form-control" 
                ng-required="true"
                id="city">
          <option value="">-- Choose City --</option>
        </select>
<label for="selectedCity" class="col-sm-2 control-label">Selected City</label>
              <input type="text" data-ng-model="customer.City">      
      </div>

感谢您的任何指导!

标签: javascriptangularjsbindingdropdown

解决方案


推荐阅读