从Polymer Dom模块中的方法禁用select标签的下拉列表不起作用

Question

我正在尝试根据从后端代码获取的disabled_value值来禁用国家/地区下拉菜单

如果disabled_value的值为0，则隐藏下拉菜单并使之成为不可选择的下拉菜单

如果disabled_value的值为1，请在下拉列表中选择可用的国家/地区

<dom-module>
<template>
<div>
    <select disabled="[[ _disableDropdown ]]">
        <template is="dom-repeat" items="[[ country_list_and_code ]]">
            <option value="[[ item.0 ]]” value>[[ item.1 ]]</option>
        </template>
    </select>
</div>
</template>

<script>
Polymer({
    is: ‘country’,
    properties: {
        disabled_value: {
            type: Number,
        },
    },

    _disableDropdown: function(disabled_value) {
        if (disabled_value) {
            return disabled_value.disabled;
        } else {
            return disabled_value.enabled;
        }
    }
});
</script>
</dom-module>

这是我从代码中获得的HTML标记

<option value="AF">Afghanistan</option>                       
<option value="AX">Aland Islands</option>      
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="DZ">United States</option>

我想要实现的是：

• 如果disabled_value为0，则仅在下拉列表中显示美国国家/地区，并在下拉列表中禁用选择内容
• 如果disabled_value为1，则仅在下拉列表中显示所有国家/地区，并允许在下拉列表中进行选择

任何人都可以帮忙吗？

提前感谢

Answer 1

<select name="tagging" disabled>
        <option selected>I'm working</option>
        <option value="Option B">Option B</option>
        <option value="Option C">Option C</option>
</select>