1.0.1 • Published 8 years ago

jquery.iran-cities v1.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
8 years ago

jquery.iran-cities

jQuery plugin for adding iran cities dynamically to web page.support Farsi(Iran) and English languages.

Installation

Use npm:

npm install jquery.iran-cities

Usage

Make sure you have jquery on page. use example located on example.html.

I wanna see it!

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" charset="utf-8"></script>
    <script src="./jquery.iran-cities.js" charset="utf-8"></script>
  </head>
  <body>
    <ul id="CT" data-lang="fa">

    </ul>
    <select id="CT" data-lang="en">

    </select>
    <div id="otherElement" data-lang="fa">
    </div>
    <input list="my_datalist" name="my_datalist"/>
    <datalist id="my_datalist">
    </datalist>
    <table id="my_table">
    </table>

    <script type="text/javascript">
      $("document").ready(function(){
        $("ul#CT").cities();
        $("select#CT").cities();
        $("div#otherElement").cities();
        $("datalist#my_datalist").cities();
        $("table#my_table").cities();
      });
    </script>
  </body>
</html>

Examples:

$("ul").cities(); //Add cities as <li> to <ul>
$("select").cities(); //Add cities as <option> to <select>

Example:(Use language)

  <ul data-lang="fa">
  </ul>
  <ul data-lang="en">
  </ul>
  <script>
  $("document").ready(function(){
    $("ul").cities();
    });
  </scipt>

TODO

  • add more parameters
  • more tests

Found a bug?

Open a github issue.

License

MIT License ( https://opensource.org/licenses/MIT )