mobiscroll手机端日期控件二级联动菜单选择代码



77 307 103



特效描述:mobiscroll 手机端日期控件 二级联动 菜单选择代码,mobiscroll类似日期一样的js,可自行编辑滑动内容

代码结构

1. 引入CSS

<link href="style/mobiscroll.2.13.2.css" rel="stylesheet" />

2. 引入JS

<script src="script/jquery-1.9.1.js"></script>
<script src="script/mobiscroll.2.13.2.js"></script>

3. HTML代码

    <div class="header">
        <h1><a href="javascript:location.reload(true);">Mobiscroll 2.13.2</a></h1>
    </div>
    <div class="content">
       <div class="settings">
			<label for="demo1">日期-年</label>
			<input id="demo1" placeholder="请选择出生年月" />  
			<label for="demo2">日期-年月</label>
			<input id="demo2" placeholder="请选择出生年月" />  
			<label for="demo3">日期-年月日</label>
			<input id="demo3" placeholder="请选择出生年月" />  
        </div>        
        <div data-role="fieldcontain" class="demo-select">
            <label for="city">普通下拉-选择城市</label>
            <select id="city" class="demo-test-select" data-role="none">
                <option value="1">北京</option>
                <option value="2">波士顿</option>
                <option value="3">芝加哥</option>
                <option value="4">伦敦</option>
                <option value="5">洛杉矶</option>
                <option value="6">纽约</option>
                <option value="7">巴黎</option>
                <option value="8">旧金山</option>
            </select>
        </div>
        <div data-role="fieldcontain" class="demo-select-opt">
            <label for="names">级联下拉-高分电影</label>
            <select id="names" class="demo-test-select-opt" data-role="none">
                <optgroup label="喜剧片">
                    <option value="0">《疯狂的石头》</option>
                    <option value="1">《夜店》</option>
                    <option value="2">《让子弹飞》</option>
                    <option value="3">《非诚勿扰》</option>
                </optgroup>
                <optgroup label="惊悚片">
                    <option value="78">《电锯惊魂》</option>
                    <option value="79">《死神来了》</option>
                    <option value="80">《惊声尖叫》</option>
                    <option value="81">《致命弯道》</option>
                    <option value="82">《异次元杀阵》</option>
                    <option value="83">《生化危机》</option>
                    <option value="84">《异形》</option>
                </optgroup>
                <optgroup label="青春片">
                    <option value="118">《关于莉莉周的一切》</option>
                    <option value="119">《东邪西毒》</option>
                    <option value="120">《天使爱美丽》</option>
                    <option value="121">《可爱的骨头》</option>
                    <option value="122">《猜火车》</option>
                </optgroup>
                <optgroup label="科幻片">
                    <option value="195">《我是传奇》</option>
                    <option value="196">《机械公敌》</option>
                    <option value="197">《蜘蛛侠》</option>
                    <option value="198">《钢铁侠》</option>
                    <option value="199">《变形金刚》</option>
                    <option value="200">《X战警》</option>
                    <option value="201">《哈利波特》</option>
                </optgroup>
                <optgroup label="剧情片">
                    <option value="261">《杀死比尔》</option>
                    <option value="262">《暴力街区》</option>
                    <option value="263">《2012》</option>
                    <option value="264">《流感》</option>
                    <option value="265">《告白》</option>
                    <option value="266">《无间道》</option>
                    <option value="267">《门徒》</option>
                </optgroup>
            </select>
        </div>
    </div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 拖动 拖拽 拖动插件 拖拽插件 切换按钮 日期时间 时钟 日历 时间 日历插件 时间日期插件 表单 表单美化 表单插件 表单美化插件 文字拖动 文字拖拽 时间日期插件 时间日期 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到