Question

我有一个选择选项菜单可用于移动设备。

我的第一个选项是文本＆＃34; - 菜单 - ＆＃34;，打开我的菜单。

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

但是当我在手机上打开此菜单时，我想更改＆＃34; - 菜单 - ＆＃34;到＆＃34;关闭菜单＆＃34;。

我试着这样：

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

但它不能正常工作，因为文字＆＃34; - 菜单 - ＆＃34;只是改为＆＃34;关闭菜单＆＃34;当我关闭我的选择菜单时。

当我打开选择选项菜单时，我希望始终拥有文本＆＃34;关闭菜单＆＃34;。

当我关闭我的选择菜单时，我想再次发送文字为＃34; - 菜单 - ＆＃34;。

你知道我该怎么办？

<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");
    });

菜单打开时更改选择选项的文本

1 个答案: