Php 具有搜索功能的下拉列表_Php_Html_Drop Down Menu

Php 具有搜索功能的下拉列表

php html drop-down-menu

Php 具有搜索功能的下拉列表,php,html,drop-down-menu,Php,Html,Drop Down Menu,假设我有一个简单的下拉列表-(http://jsfiddle.net/J52s9/).在这里查看此下拉列表，了解如何使用搜索选项例如，如果在文本框中用户写入Weeks，则只应显示将week作为字符串一部分的下拉列表我正在使用php 我累了- <html> <head> </head> <body> <select name="dateRange" id="mySelect" size="1">

假设我有一个简单的下拉列表-

(http://jsfiddle.net/J52s9/).

在这里查看此下拉列表，了解如何使用搜索选项

例如，如果在文本框中用户写入Weeks，则只应显示将week作为字符串一部分的下拉列表

我正在使用php

我累了-

    <html>
    <head>
    </head>
    <body>
    <select name="dateRange" id="mySelect" size="1">
           <option value > Select Duration </option>
           <option value="A">Last 24 Hours</option>
           <option value="B">Last 2 Days</option>
           <option value="C">Last Week</option>
           <option value="D">Last 2 Weeks</option>
           <option value="E">Last Month</option>
           <option value="F">Last 3 Months</option>
           <option value="G">Last 6 Months</option>
           <option value="H">Last Year</option>
    </select> 
    </form>
    </body>
    </html>


选择持续时间
过去24小时
最后2天
上周
最后两周
上个月
过去3个月
过去6个月
去年

$（文档）.ready（函数（）{ $（'select'）.selected（）； });

请导游。提前谢谢

是一个很好的插件

$('select').chosen();

更新的JSFIDLE:

您可以根据需要使用html5数据列表元素。检查这是否是您需要的：

在html文件中复制以下内容


搜索
选择持续时间
过去24小时
最后2天
上周
最后两周
上个月
过去3个月
过去6个月
去年

请检查更新问题。我在你的回答后发布了我累了但对我不起作用的内容，包括jquery:和所选的.css文件“code.jquery.com/jquery-1.11.0.min.js”，我已经包括了这两个文件，但仍然对我不起作用OK，首先包括jquery，然后选择.js-也在

code.jquery.com/jquery-1.11.0.min.js前面添加http://
，但我的下拉列表不是这样显示的。