将选择更改为输入以选择国家/地区? [英] Change select to input on selection of country?
问题描述
我有一个国家/地区选择字段,可以选择美国,加拿大和欧洲,我们的大多数用户都来自美国/加拿大,因此我们默认显示省份,但是当用户选择欧洲时,我们希望将其从选择更改为输入框.我们有
I have a country selection field that allows for US and Canada and Europe selections, most of our users will be from US/CA so we defaultly show provinces, however when a user selects Europe we want it to change from a select to an input box. We have
jQuery('select.country_d').change(function(){
if($('select.country_d').val() == "Europe")
$('.state_d').replaceWith('<input type="text" name="state_d" id="state_d">');
});
jQuery('select.country_o').change(function(){
if($('select.country_o').val() == "Europe")
$('.state_o').replaceWith('<input type="text" name="state_o" id="state_o">');
});
但是它似乎没有用. html部分都是正确的,我检查了名称.
But it doesn't seem to be working. The html part is all correct and I checked the names.
推荐答案
将其放在$(function())
内,以便您的.change()
函数在页面加载时绑定:
Put it inside a $(function())
so your .change()
functions are bound on page load:
$(function()
{
$('select.country_d').change(function()
{
if ($(this).val() == 'Europe')
$('.state_d').replaceWith('<input type="text" name="state_d" id="state_d">');
});
$('select.country_o').change(function(){
if($(this).val() == 'Europe')
$('.state_o').replaceWith('<input type="text" name="state_o" id="state_o">');
});
}
);
如果这不起作用,则应发布HTML.例如,您确定<select>
标签的value
属性是带有大写字母E的Europe
吗?
If that doesn't work then you should post your HTML. Are you sure the value
attribute of your <select>
tag is Europe
with a capital E, for example?
这篇关于将选择更改为输入以选择国家/地区?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!