jq怎么实现select选择的值,下列select都自动跳到选择相同的值?

发布网友发布时间：2022-05-15 14:25

我来回答

共3个回答

懂视网时间：2022-05-15 18:46

这篇文章主要介绍了jquery select插件异步实时搜索实例代码,需要的朋友可以参考下

一、先看看效果。

二、做此插件的原因。

　　1.数据量过大（几千、几万条），无法一次性全部加载。

　　2.现有插件各不相同，无法满足功能需求。

　　3.美观性，可控性不足。

三、如何使用。

　　1.html和js

　　2.实例。

3.详细配置。

　　　还有一些其它的api，详细请看参考链接、源码。

四：声明：

本插件是根据现有插件，根据自己的需求修改而来。如有小问题请自行修改源码即可。

如果不是异步搜索，其它插件譬如layui、select2也是不错的选择。

另外此插件依赖jquery。

总结

热心网友时间：2022-05-15 15:54

<p>下拉一<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉二<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉三<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉四<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<p>下拉五<select><option>请选择</option><option>选择苹果</option><option>选择香蕉</option><option>选择橙子</option></select></p>
<script>
var sels=document.getElementsByTagName("select");
sels[0].onchange=function(){
for(var i=1;i<sels.length;i++){
sels[i].selectedIndex=this.selectedIndex;
}
}
</script>

热心网友时间：2022-05-15 17:12

根据多方网络的调研和统计和网络测试出来的结果得意最大的主持