使用 jQuery 將國家代碼插入電話輸入字段

Question

在“聯系我們”表單中，從 select 列表中選擇國家后，我需要在電話輸入字段中插入國家代碼（即 972、1、91）。 例如; 如果用戶從列表中選擇“美國”，電話輸入字段將以數字“1”開頭，然后用戶將繼續輸入他的號碼。 我如何使用 jQuery 做到這一點？

謝謝

Answer 1

您可以這樣做，購買時將值添加為國家代碼，例如US ，期權的價值應為1

你的HTML應該是，

<select id="country">
   <option value="">Select Country</option>
   <option value="1">US</select>
   <option value="91">IN</select>
</select><br/>
Code: <input type="text" id="code" />

Jquery

$(function(){
   $('#country').on('change',function(){
       $('#code').val(this.value);// changing the code textbox value by current country value
   });
});

Answer 2

HTML：

<select id="country">
    <option value="">Select Country</option>
    <option value="1">US</option>
    <option value="+44 ">UK</option>
</select>
<input id="phone" type="text" name="phone">

jQuery：

$(function() {
    $('#country').on('change', function() {
        $('#phone').val($(this).val());
    });
});

Answer 3

<select id="country">
   <option value="">Select Country</option>
   <option value="1">US</option>
   <option value="91">IN</option>
   </select>
<br><br>
Code: <input type="text" id="code" />

$(function() {
    $('#country').on('change', function() {
        $('#phone').val($(this).val());
    });
});`enter code here`