Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 本机菜单selectmenu jquery_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 本机菜单selectmenu jquery

Javascript 本机菜单selectmenu jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有jquery选择菜单 下面是视图中的代码 <li> <%= select_tag 'search[adults]', options_for_select(adults_collection, @default_lsp[:adults]), class: 'custom',data: { native_menu: false, iconpos: 'noicon'} %> </li> 还是干净的html <select name="s

我有jquery选择菜单

下面是视图中的代码

  <li>
  <%= select_tag 'search[adults]', options_for_select(adults_collection, @default_lsp[:adults]), class: 'custom',data: { native_menu: false, iconpos: 'noicon'} %>
</li>
  • 还是干净的html

     <select name="search[adults]" id="search_adults" class="custom" data-native-menu="false" data-iconpos="noicon" style="display: none;"><option value="1">1 vuxen</option>
    <option selected="selected" value="2">2 vuxna</option>
    <option value="3">3 vuxna</option>
    <option value="4">4 vuxna</option>
    <option value="5">5 vuxna</option>
    <option value="6">6 vuxna</option>
    <option value="7">7 vuxna</option>
    <option value="8">8 vuxna</option>
    <option value="9">9 vuxna</option></select>
    
    1 vuxen
    2 vuxna
    3 vuxna
    4 vuxna
    5 vuxna
    6 vuxna
    7 vuxna
    8 vuxna
    9 vuxna
    
    如果单击下拉列表并按住鼠标按钮,则无法选择任何内容

    我需要使点击下拉,它将打开,我可以选择smth没有真正的鼠标(某种拖放我认为)


    我如何做到这一点?

    使用标准的
    select
    控件无法实现这种行为。由于这也是一种非直观的行为,因为没有一个web控件是这样工作的(由于点击和拖动通常用于移动或选择元素),因此您不太可能修改现有的插件来实现这一点,您需要自己创建它。您能提供一些链接,我可以在其中查看有关如何操作的信息吗@Rorymcrossann不是真的,因为没有单一的来源。您需要处理多个事件(mousedown、mousemove、mouseup)才能打开菜单,突出显示鼠标悬停的事件,然后在mouseup上选择它。如果你研究所有这些事件处理程序,我相信你会管理它。如果您确实被卡住了,请随意问另一个问题,但请包括所有相关代码。