菜單打開時更改選擇選項的文本

Question

我有一個用於移動設備的選擇選項菜單。

我的第一個選項是輸入文本“-菜單-”，以打開菜單。

<option value="menu" selected="selected" name="menu">- Menu -</option>

但是，當我在手機上打開此菜單時，我想將“-菜單-”的文本更改為“關閉菜單”。

我試圖這樣：

$( "#select_menu" ).click(function() {
    $('#select_menu option[value="menu"]').text("Close Menu");
});

但是它不能正常工作，因為僅當我關閉選擇選項菜單時，文本“-菜單-”才變為“關閉菜單”。

當我打開選擇菜單時，我總是希望文本為“關閉菜單”。

當我關閉我的選擇選項菜單時，我想再次輸入“-菜單-”文本。

你知道我該怎么做嗎？

<select id="select_menu"> 
    <option value="menu" selected="selected">- Menu -</option>
    <option value="/team"> Team </option> 
    <option value="/contacts"> Contacts</option>  
</select>

Answer 1

菜單的元素值為“”，請嘗試此...

 $( "#select_menu" ).click(function() {
        $('#select_menu option[value=""]').text("Close Menu");
    });

我也將轉向這種語法

 $( "#select_menu" ).on( "click", function( e ) {
        $(e.target).find( 'option[value=""]').text("Close Menu");
    });