您的位置：首页 > 运维架构

/option&gt

2014-04-09 19:53 218 查看
文章来自 codego.net 请看源代码:

<head>

<title></title>

<link type="text/css" rel="Stylesheet" href="JQSelect.css" />

<script type="text/javascript" src="jquery-1.2.6.js"></script>

<script type="text/javascript" src="JQSelect.js"></script>

<script type="text/javascript">

$(function() {

$("#test").jsScroll();

})

</script>

</head>

<body>

<select id="test">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

</select>

比较简陋只是将select转成自定义的样式

现在只有2个参数可以设置

文章来自 codego,--codego.net--.net 请看源代码:

$(function() {

$("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } });

})

showLength:下拉框默认显示数量 ---默认显示5个

option_click:点击每一个option执行的事件--默认是将options的值绑定到input中

在线演示：

打包下载：

首先看下效果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  --codego.net--
相关文章推荐
新的分享
章节导航