The jquery select plug-in supports Super select plug-ins for quick locating and query of Chinese characters, Pinyin, and English. You can select the direction key and tab key quickly.
The jquery select plug-in supports Super select plug-ins for quick locating and query of Chinese characters, Pinyin, and English. You can select the direction key and tab key quickly.
<! Doctype>
<Html>
<Head>
<Meta http-equiv = "content-type" content = "text/html; charset = gb2312"/>
<Title> jquery Super select plug-in v3.0.0.0 </title>
</Head>
<Script type = "text/Webpage effects" src = "js/jquery1.4.2.js"> </script>
<Script type = "text/javascript" src = "js/jquery. selectseach. min. js"> </script>
<! -- <Script type = "text/javascript" src = "js/jquery. selectseach. js"> </script> -->
<Script>Function getmydata (){
Alert ($ ('# ssss'). val ());
}
$ (Document). ready (function (){
$ ('Select'). selectseach ();
// $ ('# Sssss2'). selectseach ();
// $ ('# Ssss'). selectseach ();
// $ ('# Sssss1'). selectseach ();
/* $ ('Select'). focus (
Function (){
('{Msg'{.html ($ (this). text ());
});*/
});</Script>
<Body style = "height:">
<P> Xiaoxiang blog </p>
<P> <a href = "http://blog.csdn.net/fkedwgwy"> http://blog.csdn.net/fkedwgwy </a> </p>
<P> php tutorial technology group: 37304662 </p>
<P> the jquery Super select plug-in v3.0.0.0 supports the Super select plug-in that allows you to quickly locate and query Chinese characters, Pinyin, and English characters. You can select the direction key and tab key quickly. </P>
<Table width = "805" border = "0">
<Tr>
<Td> <p> traditional select </p>
<P> & nbsp; </p> </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
</Tr>
<Tr>
<Td> <select name = "sssss5" id = "sssss5" onchange = "return getmydata ()">
<Option value = "-1"> all schools </option>
<Option value = "139" selected = "selected"> a english book </option>
<Option value = "140"> Liuyang Primary School </option>
<Option value = "141"> Liuyang Renmin Road Primary School </option>
<Option value = "142"> Liuyang Tonglu Primary School </option>
<Option value = "143"> Changnan Road Primary School, jili sub-district, Liuyang City </option>
<Option value = "144"> pingshuiqiao Primary School, Cili Street, Liuyang City </option>
<Option value = "145"> qiheling Primary School, jili Street, Liuyang City </option>
<Option value = "146"> gongjiaqiao Primary School, Cili, Liuyang City </option>
<Option value = "147"> Baiyi Primary School, Cili Street, Liuyang City </option>
<Option value = "148"> Yangjia Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "149"> Lihua sub-district, Liuyang City, Jingxi Primary School </option>
<Option value = "150"> niushi Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "151"> yunqiao Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "152"> Liuyang Huadong street early he primary school </option>
<Option value = "153"> Liuyang huadicang Primary School </option>
<Option value = "154"> Xiaoshui Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "155"> Liuyang City, Lianhe sub-district, Jianxin Primary School </option>
<Option value = "156" type = "option" text = "option"> a chinese man Hu </option type = "option" text = "/option">
<Option value = "157"> huping Primary School, huaping Street, Liuyang City </option>
<Option value = "158"> liuyan </option>
<Option value = "159"> changsha </option>
</Select> </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
</Tr>
<Tr>
<Td> <p> Super select plug-in </p>
<P> & nbsp; </p> </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
<Td> & nbsp; </td>
</Tr>
<Tr>
<Td> <select name = "sssss1" id = "sssss1" m = 'search'>
<Option value = "-1"> all schools </option>
<Option value = "139"> Liuyang huangniwan Primary School </option>
<Option value = "140"> Liuyang Primary School </option>
<Option value = "141"> Liuyang Renmin Road Primary School </option>
<Option value = "142"> Liuyang Tonglu Primary School </option>
<Option value = "143"> Changnan Road Primary School, jili sub-district, Liuyang City </option>
<Option value = "144"> pingshuiqiao Primary School, Cili Street, Liuyang City </option>
<Option value = "145"> qiheling Primary School, jili Street, Liuyang City </option>
<Option value = "146"> gongjiaqiao Primary School, Cili, Liuyang City </option>
<Option value = "147" selected = "selected"> Baiyi Primary School, Cili Street, Liuyang City </option>
<Option value = "148"> Yangjia Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "149"> Lihua sub-district, Liuyang City, Jingxi Primary School </option>
<Option value = "150"> niushi Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "151"> yunqiao Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "152"> Liuyang Huadong street early he primary school </option>
<Option value = "153"> Liuyang huadicang Primary School </option>
<Option value = "154"> Xiaoshui Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "155"> Liuyang City, Lianhe sub-district, Jianxin Primary School </option>
<Option value = "156"> luzhi Primary School, Huadong Street, Liuyang City </option>
<Option value = "157"> huping Primary School, huaping Street, Liuyang City </option>
<Option value = "158"> tangzhou Primary School, Huadong Street, Liuyang City </option>
<Option value = "159"> Liuyang Huadong street Jinsha Road Primary School </option>
</Select> </td>
<Td> <select name = "sssss2" id = "sssss2" m = 'search'>
<Option value = "-1"> all schools </option>
<Option value = "139"> Bay Primary School </option>
<Option value = "140"> Yanghe Primary School </option>
<Option value = "141"> Liuyang City </option>
</Select> </td>
<Td> <select name = "sssss3" id = "sssss3" m = 'search'>
<Option value = "154"> sub-district Xiaoshui Primary School </option>
<Option value = "155"> Create a primary school </option>
<Option value = "156"> direct primary school </option>
<Option value = "157"> hu ping Primary School </option>
<Option value = "158"> tangzhou Primary School </option>
<Option value = "159"> Shalu Primary School </option>
</Select> </td>
<Td> <select name = "sssss4" id = "sssss4" m = 'search'>
<Option value = "-1"> all schools </option>
<Option value = "141"> average </option>
<Option value = "142"> Liuyang </option>
</Select> </td>
<Td> <select name = "sssss" id = "sssss" onchange = "return getmydata ()" m = 'search'>
<Option value = "-1"> all schools </option>
<Option value = "139" selected = "selected"> a english book </option>
<Option value = "140"> Liuyang Primary School </option>
<Option value = "141"> Liuyang Renmin Road Primary School </option>
<Option value = "142"> Liuyang Tonglu Primary School </option>
<Option value = "143"> Changnan Road Primary School, jili sub-district, Liuyang City </option>
<Option value = "144"> pingshuiqiao Primary School, Cili Street, Liuyang City </option>
<Option value = "145"> qiheling Primary School, jili Street, Liuyang City </option>
<Option value = "146"> gongjiaqiao Primary School, Cili, Liuyang City </option>
<Option value = "147"> Baiyi Primary School, Cili Street, Liuyang City </option>
<Option value = "148"> Yangjia Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "149"> Lihua sub-district, Liuyang City, Jingxi Primary School </option>
<Option value = "150"> niushi Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "151"> yunqiao Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "152"> Liuyang Huadong street early he primary school </option>
<Option value = "153"> Liuyang huadicang Primary School </option>
<Option value = "154"> Xiaoshui Primary School, Lianhe sub-district, Liuyang City </option>
<Option value = "155"> Liuyang City, Lianhe sub-district, Jianxin Primary School </option>
<Option value = "156" type = "option" text = "option"> a chinese man Hu </option type = "option" text = "/option">
<Option value = "157"> huping Primary School, huaping Street, Liuyang City </option>
<Option value = "158"> liuyan </option>
<Option value = "159"> changsha </option>
</Select> </td>
</Tr>
</Table>
<P> js code: </p>
<P> $ (document). ready (function () {<br>
$ ('# Ssss'). selectseach (); <br>
}); </P>
<P> html: </p>
<P> & lt; select name = & quot; sssss2 & quot; id = & quot; sssss2 & quot; <font style = "color: red "> m = 'search' </font> & gt; <br>
& Lt; option value = & quot;-1 & quot; & gt; All Schools & lt;/option & gt; <br>
& Lt; option value = & quot; 139 & quot; & gt; Bay Primary School & lt;/option & gt; <br>
& Lt; option value = & quot; 140 & quot; & gt; Yanghe Primary School & lt;/option & gt; <br>
& Lt; option value = & quot; 141 & quot; & gt; Liuyang City & lt;/option & gt; <br>
& Lt;/select & gt; </p>
<P> & nbsp; </p>
<Div id = "msg"> </div>
<Div id = "msg1" style = "color: red"> </div>
Effect preview address
Http://g.111cn.cn/javascript/js/20100830/%e6%b1%89%e5%ad%97%u3001%e6%8b%bc%e9%9f%b3%u3001%e8%8b%b1%e6%96%87%e5%bf% AB %e9%80%9f%e5% AE %9a%e4%bd%8d%e7%9a%84jquery%e8%b6%85%e7%ba%a7select%20%e6%8f%92%e4%bb%b6/
:
Http://down.bKjia. c0m/down/code/jquery/2010/0830/20523.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
