英文:
show only country code on selected option
问题
我只想在选择任何选项时,仅显示国家代码而不显示国家名称。我该如何实现这一点,请帮助我。
英文:
I have a list of country in select optio have country code and country name like:
<select class="form-control" name="phone_code">
<option value="93">Afghanistan (+93)</option>
<option value="358-18">Aland Islands (+358-18)</option>
<option value="355">Albania (+355)</option>
<option value="213">Algeria (+213)</option>
</select>
I just want that, when I select any option, it will show only country code without country name.
How can I achieve this, please help me out.
答案1
得分: 0
以下是使用JavaScript和jQuery实现的工作解决方案:
$(document).ready(function() {
let defaultOptions = $("#phone_code").html(); // 存储默认选项的HTML
$("#phone_code").change(function() {
let countryCode = $(this).val();
$(this).find("option:selected").text('+' + countryCode);
}).mousedown(function() {
// 恢复HTML中的默认选项
$(this).html(defaultOptions);
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control" name="phone_code" id="phone_code">
<option value="93">选择</option>
<option value="93">阿富汗 (+93)</option>
<option value="358-18">奥兰群岛 (+358-18)</option>
<option value="355">阿尔巴尼亚 (+355)</option>
<option value="213">阿尔及利亚 (+213)</option>
</select>
英文:
You can achieve this using Javascript or jQuery. Below is the working solution using jQuery
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
$(document).ready(function() {
let defaultOptions = $("#phone_code").html(); // Store the default options HTML
$("#phone_code").change(function() {
let countryCode = $(this).val();
$(this).find("option:selected").text('+' + countryCode);
}).mousedown(function() {
// Restore the default options in HTML
$(this).html(defaultOptions);
});
});
<!-- language: lang-html -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control" name="phone_code" id="phone_code">
<option value="93">Select</option>
<option value="93">Afghanistan (+93)</option>
<option value="358-18">Aland Islands (+358-18)</option>
<option value="355">Albania (+355)</option>
<option value="213">Algeria (+213)</option>
</select>
<!-- end snippet -->
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论