1.0.1 • Published 8 years ago
jquery.iran-cities v1.0.1
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 )