根據用戶選擇從下拉列表中顯示國家代碼

-1

我希望用戶從下拉列表中選擇他/她的國家，然後我想在文本字段中顯示國家/地區代碼以允許用戶輸入他/她的號碼。根據用戶選擇從下拉列表中顯示國家代碼

這是國家名單與電話號碼代碼：

<select name="country"> 
    <option value="">Country...</option> 
    <option value="Afghanistan">Afghanistan</option> 
    <option value="Albania">Albania</option> 
    . 
    . 
    ETC till 
    <option value="Zimbabwe">Zimbabwe</option> 
    </select> 

<label for="phone">Phone Number</label>< 
<input id="phone" name="phone" placeholder="user's number " required="" type="number">

當用戶選擇沙特阿拉伯例如我想要的文本字段，以顯示966
我想過在使該國代碼值選項

我發現這個類似情況here但我更喜歡做它作爲第二選擇

來源

2014-10-20 Lana

@thatidiotguy我用鏈接中的一個，但我想改變它 – Lana 2014-10-20 16:49:26

假設你正在使用jQuery：

<select name="country" id="country"> 
    <option value="">Country...</option> 
    <option value="966">Saudi Arabia</option> 
</select> 

$('#country').change(function() { 
    var countryCode = $(this).val(); 

    if (countryCode) { 
     $('#phone').val(countryCode); 
    } 
});

JSFiddle

來源

2014-10-20 16:30:46

它工作，謝謝 – Lana 2014-10-20 16:56:27

很高興我能幫助:) – 2014-10-20 16:56:42

有幾種方法可以做到這一點。海事組織越容易創建和填充一個JS對象，其中包含國家名稱作爲索引，國家代碼作爲價值。但頭也可以使用AJAX ...

來源

2014-10-20 16:29:37 mgaido

你可以使用jQuery的更改事件偵聽器，所以每次更改選擇輸入文本也會改變。你可以擁有一個包含國家名稱和代碼的數組，每次更改都會從該數組中獲取國家代碼。

Click Here瞭解有關更改事件的信息。

Click Here有關關聯數組的信息將幫助您創建可以使用的數組。

來源

2014-10-20 16:29:50

將檢查它非常感謝 – Lana 2014-10-20 16:52:31

@Taylor伯利森。您的代碼看起來不錯

<select name="country" id="country"> 
    <option value="">Country...</option> 
    <option value="966">Saudi Arabia</option> 
</select> 

$('#country').change(function() { 
    var countryCode = $(this).val(); 

    if (countryCode) { 
     $('#phone').val(countryCode); 
    } 
});

拉娜，你應該在所有國家數據庫飼料;在相同的數據庫表中，您可以批量添加國家/地區代碼。當你調用db來獲取所有信息，包括用戶界面的代碼時，你應該可以使用上面的jquery代碼來顯示它。

來源

2014-10-20 18:23:30 unixmiah

根據用戶選擇從下拉列表中顯示國家代碼

回答

相關問題