使用jQuery将国家代码插入电话输入字段

iibxawm4  于 2022-12-03  发布在  jQuery
关注(0)|答案(3)|浏览(149)

在“联系我们”表单中,我需要在从选择列表中选择国家后,在电话输入字段中插入一个国家代码(即972,1,91)。如果用户从列表中选择了“US”,那么电话输入字段将以数字“1”开始,然后用户将继续输入他的号码。我如何用jQuery做到这一点?
谢谢你

yqkkidmi

yqkkidmi1#

您可以这样做,只需将值添加为国家/地区的代码,如对于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
   });
});
brjng4g3

brjng4g32#

于飞:

<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">

查询:

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

au9on6nz3#

<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`

相关问题