zoukankan      html  css  js  c++  java
  • 省际联动distpicker插件的使用讲解

    1.在使用input页面加载script的引用

    <script src="js/distpicker/distpicker.data.js"></script>
    <script src="js/distpicker/distpicker.js"></script>

    注意:必须使用jquery

    <script src="js/jquery-3.2.0.min.js"></script>

    Html结构:<div data-toggle="distpicker" class="clearfix down">

        <div class="form-group">
            <select class="form-control"  id="province1"></select>
        </div>
        <div class="form-group">
            <select class="form-control"  id="city1"></select>
        </div>
    </div>

    2.若想获取省市的传递值

    在html页面加入一个:

    <input name="competition_area" type="hidden" value="" id="competition_area">

    在js加上:

    var select = $(".form-control").find("option:selected").text();
    var o = document.getElementById("competition_area");
    o.value = select;

    在form表单提交时就会提交上

    $('#form').serialize()

    competition_area= “”

  • 相关阅读:
    无限维
    黎曼流形
    why we need virtual key word
    TOJ 4119 Split Equally
    TOJ 4003 Next Permutation
    TOJ 4002 Palindrome Generator
    TOJ 2749 Absent Substrings
    TOJ 2641 Gene
    TOJ 2861 Octal Fractions
    TOJ 4394 Rebuild Road
  • 原文地址:https://www.cnblogs.com/wangyuyuan/p/6836144.html
Copyright © 2011-2022 走看看