如何使用JavaScript在HTML中根据国家/地区选择设置3个字母的alpha国家/地区代码?

时间:2018-03-21 13:13:47

标签: javascript html

我想通过选择表单中的国家/地区来设置国家/地区代码。我按照以下代码填充填写国家/地区的国家/地区代码。如果以下代码是否正确,请告诉我?



<div class="form-group">
  <label class="control-label">Country</label>
  <select id="country" name="country" class="form-control" required></select>
  <input type="hidden" value="" class="form-control input-sm" id="country_code" name="country_code" />
</div>
&#13;
<?php
$query = 'select column1,column2,column3 from table where  condition';

preg_match('/select (.*) from/i', $query, $matches);
$columns = explode(',', $matches[1]);
var_dump($columns);
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

  

我想通过选择表格中的国家来设置国家/地区代码

<select>下拉菜单中,每个<option>都有一个value属性。

您可以使用三个字母的代码作为每个<option>的值。

工作示例:

&#13;
&#13;
/* GRAB SELECT ELEMENT */
var countryMenu = document.getElementsByTagName('select')[0];

/* FUNCTION TO SHOW THREE LETTER CODE */
function showSelectedCountryCode() {
    console.log('You have selected: ' + countryMenu.value);
}

/* ATTACH EVENT-BASED FUNCTION TO SELECT ELEMENT */
countryMenu.addEventListener('change', showSelectedCountryCode, false);
&#13;
<select>
<option value="">Please Select Country...</option>
<option value="AFG">Afghanistan</option>
<option value="ALB">Albania</option>
<option value="DZA">Algeria</option>
<option value="ASM">American Samoa</option>
<option value="AGO">Angola</option>
</select>
&#13;
&#13;
&#13;