php - 选择国家然后在下次输入时自动显示国家代码
问题描述
我正在尝试添加一个人的国籍和电话号码。所以我有一个带有国家名称的下拉列表和一个用于输入电话号码的输入框。当一个人选择国籍(国家)时,下一个输入电话应该自动显示国家代码。所以我必须在数据库中存储这个人的国籍和电话号码。
<div class="form-group">
<label>Nationality</label>
<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>
</div>
<div class="form-group">
<label for="phone">Phone Number</label><
<input id="phone" name="phone" placeholder="user's number " required="" type="number">
</div>
我需要将它们存储在数据库表中并检索还是有一种简单的方法可以做到这一点?
解决方案
您可以在选项标签中添加一些数据并将其与 jquery 一起使用:
<option value="Zimbabwe" data-countrycode="+888">Zimbabwe</option>
和 jQuery:
<script>
$( "select[name=country]" ).change(function() {
$('input#phone').val($('option:selected', this).data('countrycode'));
});
</script>
推荐阅读
- linux - 在命令行中删除Linux中某些用户不再使用的所有共享内存段
- javascript - cesium 我有 10,000 个实体,我怎么能不尝试循环方法来更改它们的材料?
- r - 在 mutil 组中查找最接近的值
- c - 如何将python字典传递给ac函数?
- c# - 为什么调用 someMockInstance.Object 调用构造函数?
- javascript - Mermaid.js 中带有光线/分支的更复杂的循环流程图
- angular - 是否有与 Angular 按钮相关的属性被设置为调整插入文本的大小?
- python - 如何使用 Flask 在网页上显示从服务器发送到客户端的消息
- python - 用另一个类装饰一个python类方法
- postgresql - PostgreSQL 中的列存储索引