Skip to content

Instantly share code, notes, and snippets.

@moltar

moltar/main.js

Created November 11, 2012 22:21
Show Gist options
  • Save moltar/4056484 to your computer and use it in GitHub Desktop.
Save moltar/4056484 to your computer and use it in GitHub Desktop.
Download ZIP
Select2 Skips tabindex after value was modified
Raw
main.js
var select2Options = { allowClear: true, width: 'resolve' };
$('select#country, select#region').select2(select2Options);
Raw
profile.html
<form class="form-horizontal" id="account_profile" method="post" name="account_profile">
<div class="control-group">
<label class="control-label" for="first_name">First Name</label>
<div class="controls">
<input type="text" name="first_name" id="first_name" maxlength="100" value="admin">
</div>
</div>
<div class="control-group">
<label class="control-label" for="last_name">Last Name</label>
<div class="controls">
<input type="text" name="last_name" id="last_name" maxlength="100" value="admin">
</div>
</div>
<div class="control-group">
<label class="control-label" for="email">Email</label>
<div class="controls">
<input type="email" name="email" id="email" maxlength="200" value="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="phone">Phone</label>
<div class="controls">
<input type="text" name="phone" id="phone" maxlength="50" value="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="fax">Fax</label>
<div class="controls">
<input type="text" name="fax" id="fax" maxlength="50" value="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="address_1">Address 1</label>
<div class="controls">
<input type="text" name="address_1" id="address_1" maxlength="100" value="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="address_2">Address 2</label>
<div class="controls">
<input type="text" name="address_2" id="address_2" maxlength="100" value="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="city">City</label>
<div class="controls">
<input type="text" name="city" id="city" maxlength="100" value="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="country">Country</label>
<div class="controls">
<select name="country" id="country">
<option value="" id="country.0">
</option>
<option value="AD" id="country.1">
Andorra
</option>
<option value="AE" id="country.2">
United Arab Emirates
</option>
<option value="AF" id="country.3">
Afghanistan
</option>
<option value="AG" id="country.4">
Antigua and Barbuda
</option>
<option value="AI" id="country.5">
Anguilla
</option>
<option value="AL" id="country.6">
Albania
</option>
<option value="AM" id="country.7">
Armenia
</option>
<option value="AN" id="country.8">
Netherlands Antilles
</option>
<option value="AO" id="country.9">
Angola
</option>
<option value="AQ" id="country.10">
Antarctica
</option>
<option value="AR" id="country.11">
Argentina
</option>
<option value="AS" id="country.12">
American Samoa
</option>
<option value="AT" id="country.13">
Austria
</option>
<option value="AU" id="country.14">
Australia
</option>
<option value="AW" id="country.15">
Aruba
</option>
<option value="AX" id="country.16">
Aland Islands
</option>
<option value="AZ" id="country.17">
Azerbaijan
</option>
<option value="BA" id="country.18">
Bosnia and Herzegovina
</option>
<option value="BB" id="country.19">
Barbados
</option>
<option value="BD" id="country.20">
Bangladesh
</option>
<option value="BE" id="country.21">
Belgium
</option>
<option value="BF" id="country.22">
Burkina Faso
</option>
<option value="BG" id="country.23">
Bulgaria
</option>
<option value="BH" id="country.24">
Bahrain
</option>
<option value="BI" id="country.25">
Burundi
</option>
<option value="BJ" id="country.26">
Benin
</option>
<option value="BL" id="country.27">
Saint-Barthélemy
</option>
<option value="BM" id="country.28">
Bermuda
</option>
<option value="BN" id="country.29">
Brunei Darussalam
</option>
<option value="BO" id="country.30">
Bolivia
</option>
<option value="BQ" id="country.31">
country.BQ
</option>
<option value="BR" id="country.32">
Brazil
</option>
<option value="BS" id="country.33">
Bahamas
</option>
<option value="BT" id="country.34">
Bhutan
</option>
<option value="BV" id="country.35">
Bouvet Island
</option>
<option value="BW" id="country.36">
Botswana
</option>
<option value="BY" id="country.37">
Belarus
</option>
<option value="BZ" id="country.38">
Belize
</option>
<option value="CA" id="country.39">
Canada
</option>
<option value="CC" id="country.40">
Cocos (Keeling) Islands
</option>
<option value="CD" id="country.41">
Congo, The Democratic Republic of the
</option>
<option value="CF" id="country.42">
Central African Republic
</option>
<option value="CG" id="country.43">
Congo
</option>
<option value="CH" id="country.44">
Switzerland
</option>
<option value="CI" id="country.45">
Cote D'Ivoire
</option>
<option value="CK" id="country.46">
Cook Islands
</option>
<option value="CL" id="country.47">
Chile
</option>
<option value="CM" id="country.48">
Cameroon
</option>
<option value="CN" id="country.49">
China
</option>
<option value="CO" id="country.50">
Colombia
</option>
<option value="CR" id="country.51">
Costa Rica
</option>
<option value="CU" id="country.52">
Cuba
</option>
<option value="CV" id="country.53">
Cape Verde
</option>
<option value="CW" id="country.54">
country.CW
</option>
<option value="CX" id="country.55">
Christmas Island
</option>
<option value="CY" id="country.56">
Cyprus
</option>
<option value="CZ" id="country.57">
Czech Republic
</option>
<option value="DE" id="country.58">
Germany
</option>
<option value="DJ" id="country.59">
Djibouti
</option>
<option value="DK" id="country.60">
Denmark
</option>
<option value="DM" id="country.61">
Dominica
</option>
<option value="DO" id="country.62">
Dominican Republic
</option>
<option value="DZ" id="country.63">
Algeria
</option>
<option value="EC" id="country.64">
Ecuador
</option>
<option value="EE" id="country.65">
Estonia
</option>
<option value="EG" id="country.66">
Egypt
</option>
<option value="EH" id="country.67">
Western Sahara
</option>
<option value="ER" id="country.68">
Eritrea
</option>
<option value="ES" id="country.69">
Spain
</option>
<option value="ET" id="country.70">
Ethiopia
</option>
<option value="FI" id="country.71">
Finland
</option>
<option value="FJ" id="country.72">
Fiji
</option>
<option value="FK" id="country.73">
Falkland Islands (Malvinas)
</option>
<option value="FM" id="country.74">
Micronesia, Federated States of
</option>
<option value="FO" id="country.75">
Faroe Islands
</option>
<option value="FR" id="country.76">
France
</option>
<option value="GA" id="country.77">
Gabon
</option>
<option value="GB" id="country.78">
United Kingdom
</option>
<option value="GD" id="country.79">
Grenada
</option>
<option value="GE" id="country.80">
Georgia
</option>
<option value="GF" id="country.81">
French Guiana
</option>
<option value="GG" id="country.82">
Guernsey
</option>
<option value="GH" id="country.83">
Ghana
</option>
<option value="GI" id="country.84">
Gibraltar
</option>
<option value="GL" id="country.85">
Greenland
</option>
<option value="GM" id="country.86">
Gambia
</option>
<option value="GN" id="country.87">
Guinea
</option>
<option value="GP" id="country.88">
Guadeloupe
</option>
<option value="GQ" id="country.89">
Equatorial Guinea
</option>
<option value="GR" id="country.90">
Greece
</option>
<option value="GS" id="country.91">
South Georgia and the South Sandwich Islands
</option>
<option value="GT" id="country.92">
Guatemala
</option>
<option value="GU" id="country.93">
Guam
</option>
<option value="GW" id="country.94">
Guinea-Bissau
</option>
<option value="GY" id="country.95">
Guyana
</option>
<option value="HK" id="country.96">
Hong Kong
</option>
<option value="HM" id="country.97">
Heard Island and McDonald Islands
</option>
<option value="HN" id="country.98">
Honduras
</option>
<option value="HR" id="country.99">
Croatia
</option>
<option value="HT" id="country.100">
Haiti
</option>
<option value="HU" id="country.101">
Hungary
</option>
<option value="ID" id="country.102">
Indonesia
</option>
<option value="IE" id="country.103">
Ireland
</option>
<option value="IL" id="country.104">
Israel
</option>
<option value="IM" id="country.105">
Isle of Man
</option>
<option value="IN" id="country.106">
India
</option>
<option value="IO" id="country.107">
British Indian Ocean Territory
</option>
<option value="IQ" id="country.108">
Iraq
</option>
<option value="IR" id="country.109">
Iran, Islamic Republic of
</option>
<option value="IS" id="country.110">
Iceland
</option>
<option value="IT" id="country.111">
Italy
</option>
<option value="JE" id="country.112">
Jersey
</option>
<option value="JM" id="country.113">
Jamaica
</option>
<option value="JO" id="country.114">
Jordan
</option>
<option value="JP" id="country.115">
Japan
</option>
<option value="KE" id="country.116">
Kenya
</option>
<option value="KG" id="country.117">
Kyrgyzstan
</option>
<option value="KH" id="country.118">
Cambodia
</option>
<option value="KI" id="country.119">
Kiribati
</option>
<option value="KM" id="country.120">
Comoros
</option>
<option value="KN" id="country.121">
Saint Kitts and Nevis
</option>
<option value="KP" id="country.122">
Korea, Democratic People's Republic of
</option>
<option value="KR" id="country.123">
Korea, Republic of
</option>
<option value="KW" id="country.124">
Kuwait
</option>
<option value="KY" id="country.125">
Cayman Islands
</option>
<option value="KZ" id="country.126">
Kazakhstan
</option>
<option value="LA" id="country.127">
Lao People's Democratic Republic
</option>
<option value="LB" id="country.128">
Lebanon
</option>
<option value="LC" id="country.129">
Saint Lucia
</option>
<option value="LI" id="country.130">
Liechtenstein
</option>
<option value="LK" id="country.131">
Sri Lanka
</option>
<option value="LR" id="country.132">
Liberia
</option>
<option value="LS" id="country.133">
Lesotho
</option>
<option value="LT" id="country.134">
Lithuania
</option>
<option value="LU" id="country.135">
Luxembourg
</option>
<option value="LV" id="country.136">
Latvia
</option>
<option value="LY" id="country.137">
Libyan Arab Jamahiriya
</option>
<option value="MA" id="country.138">
Morocco
</option>
<option value="MC" id="country.139">
Monaco
</option>
<option value="MD" id="country.140">
Moldova, Republic of
</option>
<option value="ME" id="country.141">
Montenegro
</option>
<option value="MF" id="country.142">
Saint-Martin (French part)
</option>
<option value="MG" id="country.143">
Madagascar
</option>
<option value="MH" id="country.144">
Marshall Islands
</option>
<option value="MK" id="country.145">
Macedonia
</option>
<option value="ML" id="country.146">
Mali
</option>
<option value="MM" id="country.147">
Myanmar
</option>
<option value="MN" id="country.148">
Mongolia
</option>
<option value="MO" id="country.149">
Macao
</option>
<option value="MP" id="country.150">
Northern Mariana Islands
</option>
<option value="MQ" id="country.151">
Martinique
</option>
<option value="MR" id="country.152">
Mauritania
</option>
<option value="MS" id="country.153">
Montserrat
</option>
<option value="MT" id="country.154">
Malta
</option>
<option value="MU" id="country.155">
Mauritius
</option>
<option value="MV" id="country.156">
Maldives
</option>
<option value="MW" id="country.157">
Malawi
</option>
<option value="MX" id="country.158">
Mexico
</option>
<option value="MY" id="country.159">
Malaysia
</option>
<option value="MZ" id="country.160">
Mozambique
</option>
<option value="NA" id="country.161">
Namibia
</option>
<option value="NC" id="country.162">
New Caledonia
</option>
<option value="NE" id="country.163">
Niger
</option>
<option value="NF" id="country.164">
Norfolk Island
</option>
<option value="NG" id="country.165">
Nigeria
</option>
<option value="NI" id="country.166">
Nicaragua
</option>
<option value="NL" id="country.167">
Netherlands
</option>
<option value="NO" id="country.168">
Norway
</option>
<option value="NP" id="country.169">
Nepal
</option>
<option value="NR" id="country.170">
Nauru
</option>
<option value="NU" id="country.171">
Niue
</option>
<option value="NZ" id="country.172">
New Zealand
</option>
<option value="OM" id="country.173">
Oman
</option>
<option value="PA" id="country.174">
Panama
</option>
<option value="PE" id="country.175">
Peru
</option>
<option value="PF" id="country.176">
French Polynesia
</option>
<option value="PG" id="country.177">
Papua New Guinea
</option>
<option value="PH" id="country.178">
Philippines
</option>
<option value="PK" id="country.179">
Pakistan
</option>
<option value="PL" id="country.180">
Poland
</option>
<option value="PM" id="country.181">
Saint Pierre and Miquelon
</option>
<option value="PN" id="country.182">
Pitcairn
</option>
<option value="PR" id="country.183">
Puerto Rico
</option>
<option value="PS" id="country.184">
Palestinian Territory, Occupied
</option>
<option value="PT" id="country.185">
Portugal
</option>
<option value="PW" id="country.186">
Palau
</option>
<option value="PY" id="country.187">
Paraguay
</option>
<option value="QA" id="country.188">
Qatar
</option>
<option value="RE" id="country.189">
Reunion
</option>
<option value="RO" id="country.190">
Romania
</option>
<option value="RS" id="country.191">
Serbia
</option>
<option value="RU" id="country.192">
Russian Federation
</option>
<option value="RW" id="country.193">
Rwanda
</option>
<option value="SA" id="country.194">
Saudi Arabia
</option>
<option value="SB" id="country.195">
Solomon Islands
</option>
<option value="SC" id="country.196">
Seychelles
</option>
<option value="SD" id="country.197">
Sudan
</option>
<option value="SE" id="country.198">
Sweden
</option>
<option value="SG" id="country.199">
Singapore
</option>
<option value="SH" id="country.200">
Saint Helena
</option>
<option value="SI" id="country.201">
Slovenia
</option>
<option value="SJ" id="country.202">
Svalbard and Jan Mayen
</option>
<option value="SK" id="country.203">
Slovakia
</option>
<option value="SL" id="country.204">
Sierra Leone
</option>
<option value="SM" id="country.205">
San Marino
</option>
<option value="SN" id="country.206">
Senegal
</option>
<option value="SO" id="country.207">
Somalia
</option>
<option value="SR" id="country.208">
Suriname
</option>
<option value="SS" id="country.209">
country.SS
</option>
<option value="ST" id="country.210">
Sao Tome and Principe
</option>
<option value="SV" id="country.211">
El Salvador
</option>
<option value="SX" id="country.212">
country.SX
</option>
<option value="SY" id="country.213">
Syrian Arab Republic
</option>
<option value="SZ" id="country.214">
Swaziland
</option>
<option value="TC" id="country.215">
Turks and Caicos Islands
</option>
<option value="TD" id="country.216">
Chad
</option>
<option value="TF" id="country.217">
French Southern Territories
</option>
<option value="TG" id="country.218">
Togo
</option>
<option value="TH" id="country.219">
Thailand
</option>
<option value="TJ" id="country.220">
Tajikistan
</option>
<option value="TK" id="country.221">
Tokelau
</option>
<option value="TL" id="country.222">
Timor-Leste
</option>
<option value="TM" id="country.223">
Turkmenistan
</option>
<option value="TN" id="country.224">
Tunisia
</option>
<option value="TO" id="country.225">
Tonga
</option>
<option value="TR" id="country.226">
Turkey
</option>
<option value="TT" id="country.227">
Trinidad and Tobago
</option>
<option value="TV" id="country.228">
Tuvalu
</option>
<option value="TW" id="country.229" selected="selected">
Taiwan, Province of China
</option>
<option value="TZ" id="country.230">
Tanzania, United Republic of
</option>
<option value="UA" id="country.231">
Ukraine
</option>
<option value="UG" id="country.232">
Uganda
</option>
<option value="UM" id="country.233">
United States Minor Outlying Islands
</option>
<option value="US" id="country.234">
United States
</option>
<option value="UY" id="country.235">
Uruguay
</option>
<option value="UZ" id="country.236">
Uzbekistan
</option>
<option value="VA" id="country.237">
Holy See (Vatican City State)
</option>
<option value="VC" id="country.238">
Saint Vincent and the Grenadines
</option>
<option value="VE" id="country.239">
Venezuela
</option>
<option value="VG" id="country.240">
Virgin Islands, British
</option>
<option value="VI" id="country.241">
Virgin Islands, U.S.
</option>
<option value="VN" id="country.242">
Vietnam
</option>
<option value="VU" id="country.243">
Vanuatu
</option>
<option value="WF" id="country.244">
Wallis and Futuna
</option>
<option value="WS" id="country.245">
Samoa
</option>
<option value="YE" id="country.246">
Yemen
</option>
<option value="YT" id="country.247">
Mayotte
</option>
<option value="ZA" id="country.248">
South Africa
</option>
<option value="ZM" id="country.249">
Zambia
</option>
<option value="ZW" id="country.250">
Zimbabwe
</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="region">Region</label>
<div class="controls">
<select name="region" id="region">
<option value="" id="region.0">
</option>
<option value="3923" id="region.1">
Changhua
</option>
<option value="3924" id="region.2">
Chiayi
</option>
<option value="3925" id="region.3">
Chiayi
</option>
<option value="3926" id="region.4">
Hsinchu
</option>
<option value="3927" id="region.5">
Hsinchu
</option>
<option value="3928" id="region.6">
Hualien
</option>
<option value="3929" id="region.7">
Ilan
</option>
<option value="3930" id="region.8">
Keelung
</option>
<option value="3931" id="region.9">
Kaohsiung
</option>
<option value="3932" id="region.10">
Kaohsiung
</option>
<option value="3933" id="region.11">
Miaoli
</option>
<option value="3934" id="region.12">
Nantou
</option>
<option value="3935" id="region.13">
Penghu
</option>
<option value="3936" id="region.14">
Pingtung
</option>
<option value="3937" id="region.15">
Taoyuan
</option>
<option value="3938" id="region.16">
Tainan
</option>
<option value="3939" id="region.17">
Tainan
</option>
<option value="3940" id="region.18">
Taipei
</option>
<option value="3941" id="region.19">
Taipei
</option>
<option value="3942" id="region.20">
Taitung
</option>
<option value="3943" id="region.21">
Taichung
</option>
<option value="3944" id="region.22">
Taichung
</option>
<option value="3945" id="region.23">
Yunlin
</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="post_code">Post Code</label>
<div class="controls">
<input type="text" name="post_code" id="post_code" maxlength="50" value="">
</div>
</div>
<div class="control-group">
<input type="hidden" name="__submitted" id="__submitted" value="1" required="required">
</div>
<div class="form-actions">
<input type="submit" name="submit" id="submit" value="Save Profile" class="btn btn-primary">
</div>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment