选择并输入复制到一个输入中以进行发布答案

【问题标题】：select and input copied into one input for posting选择并输入复制到一个输入中以进行发布
【发布时间】：2012-04-05 13:38:31
【问题描述】：

首先抱歉重新发布，我投票删除了我的旧帖子，因为我现在正在寻求代码方面的帮助，而不仅仅是哪种方式更好。我的任何代码都更改了几次

在我的页面上有一个选择国家的下拉菜单，从数据库动态加载。一旦用户选择了一个国家，就会发生两件事。 1) 如果他们选择加拿大或美国，则会出现第二个下拉菜单，用户可以选择一个地区。 2）如果用户选择任何其他国家，它会创建一个输入框，以便用户可以输入区域。这一切都很好。

现在有第三个输入，它采用省/州值，因此可以发布。我们只有两个人会使用这个表单，所以我不担心 JavaScript 会在浏览器中被关闭。

我的问题是，当用户第一次选择加拿大/美国和一个地区时，除非他们更改国家/地区选择，否则第三个输入中不会填写任何内容。但是，如果他们选择加拿大/美国以外的国家/地区并且必须输入区域，则可以正常工作。

这是一个问题示例：http://jsfiddle.net/owalsh/BQXZA/3/

如果有人能告诉我为什么我会很感激，谢谢

【问题讨论】：

老兄现在看看这个作品：jsfiddle.net/5A4v4/4 让我知道我可以将它设置为答案；休息一下就可以整理美化绑定了，干杯！
这解决了所有问题，非常感谢您的帮助。
LOl 我应该将其设置为答案并且您接受吗？干杯:))
我希望你会，再次感谢。

标签： javascript jquery drop-down-menu

【解决方案1】：

在这里工作：http://jsfiddle.net/5A4v4/11/

HTML：

<form id="customer_bill_add_post" name="customer_bill_add_post">
<select id="country" name="country">
    <option value="0">Select a country</option>
    <option value="CA">Canada</option>
    <option value="US">United States</option>
    <option value="OT">Other</option>

</select>

<select id="province_select" name="province_select">
    <option value="0">Select a Province</option>
    <option value="AB">Alberta</option>
    <option value="AL">Alabama</option>
</select>

<input type="text" id="province_input" name="province_input">
<input type="text" id="province" name="province" />
    </form>

Jquery：代码（有一些额外的更改事件绑定正在进行）你可以美化它。

        $(function(){
            //initially hide the textbox
            $("#province_input").hide();
            $("#province_select").hide();

            $('#country').change(function() {
                if($(this).find('option:selected').val() == "CA"){
                 $("#province_select").show();
                 $("#province_input").hide();
                 } else if($(this).find('option:selected').val() == "US"){
                 $("#province_select").show();
                 $("#province_input").hide();
                 } else {
                 $("#province_input").show();
                 $("#province_select").hide();
                }
             });


$('#country, #province_select, #province_input').bind("change", function() {
    if($('#country').find('option:selected').val() == "CA"){  
    document.customer_bill_add_post.province.value = document.customer_bill_add_post.province_select.value;
    } else if($('#country').find('option:selected').val() == "US"){
        document.customer_bill_add_post.province.value = document.customer_bill_add_post.province_select.value;
    } else {
        //alert('foo');
        document.customer_bill_add_post.province.value = document.customer_bill_add_post.province_input.value;
        }
});        


});

干杯，

【讨论】：