Javascript 如何实现用户自定义值的可编辑md选择？

角度材质库中有一个控件。它只允许从列表中选择选项。但如果我想允许用户在这个字段中写入自己的值呢？所以我想要一个可编辑的md select，它允许从列表中选择值或写入自己的值。可能吗？

改用。请参阅位于的。

，因此学分将转到

---

不，我不认为这是一个公认的答案。md autocomplete更像是现有列表的过滤器。这不允许最终用户从列表中1选择，或2键入新值。我相信OP希望用户在这个字段中写入自己的值——这意味着除了md select之外还有一个输入字段。我也遇到了同样的情况，可能会添加一个复选框来显示一个输入字段，该字段将在后台保存，以填充md select将从中提取的源。我认为这是一个很好的答案，因为它是满足用户和我要找的角色的指令。自动完成不是选择列表。这是一个糟糕的解决方法，不是问题的答案。

<style>
    .combocontainer{
        width:200px;
        display:inline;
    }
    .comboinput {
        position:relative;
        top:-3px;
        left:-2.75em;
    }
    .comboinput div._md-text{
        display:none !important;
    }
    .comboinput md-select-value:not([disabled]):focus ._md-select-value{
        border-bottom:none;
    }
    .comboinput md-select-value{
        min-width: 0.0em;
        border-bottom:none !important;
    }
</style>

<div class="combocontainer">
    <md-input-container>
        <label>combobox1</label>
        <input type="text" ng-model="chosen"/>
    </md-input-container>
    <md-input-container class="comboinput">
        <md-select ng-model="chosen" md-container-class="combomenu">
            <md-option ng-value="'item 1'">item 1</md-option>
            <md-option ng-value="'item 2'">item 2</md-option>
            <md-option ng-value="'item 3'">item 3</md-option>
        </md-select>
    </md-input-container>
</div>
<div class="combocontainer">
    <md-input-container>
        <label>combobox2</label>
        <input type="text" ng-model="chosen2" />
    </md-input-container>
    <md-input-container class="comboinput">
        <md-select ng-model="chosen2" md-container-class="combomenu">
            <md-option ng-value="'item 1'">item 1</md-option>
            <md-option ng-value="'item 2'">item 2</md-option>
            <md-option ng-value="'item 3'">item 3</md-option>
        </md-select>
    </md-input-container>
</div>