如何在ng-Options上设置关闭的下拉值

Question

我使用angular来管理我从数组中选择的下拉列表。

• 数组中的条目都是小写的。
• ＆＃34;选择＆＃34;在代码中其他地方使用的变量想要小写。
• 下拉列表中显示的条目希望为大写
• 当下拉列表关闭时，它想要显示当前选中的条目（大写），字符串为＆＃34; VIEWING：＆＃34;添附的即可。

我理解如何实现前3个（使用myValue.toUpperCase() for myValue in myArrayOfValues），但我甚至不知道如何实现第4点 - 无论是在Angular（理想情况下）还是在原始JS /中jQuery的

任何人都知道如何实现这一目标？

Answer 1

我想你想要一个组合：

• https://api.jquery.com/focusin/
• https://api.jquery.com/change/
• https://api.jquery.com/focusout/

HTML：

<select name=dropdown size=1>
    <option value="option1">option 1</option>
    <option value="option2" selected>VIEWING: option 2</option>
</select>

使用Javascript：

var dropdown = $('select[name="dropdown"]');

dropdown.focusin(function() {
    var selected = dropdown.find(":selected");
    selected.html(selected.val());
});

dropdown.change(function() {
    updateSelected();
    $(this).blur();
});

dropdown.focusout(function() {
    updateSelected();
});

function updateSelected() {
    var selected = dropdown.find(":selected");
    var html = "VIEWING: " + selected.val();
    selected.html(html);
}

https://jsfiddle.net/r89oy2zk/