JQuery移动复制选择的选项到其他下拉菜单点击

JQuery Mobile copy selected option to other dropdown on click

本文关键字：其他下拉菜单选项移动复制选择 JQuery 更新时间：2023-09-26

请帮忙!

我创建了一个表单，用户可以在其中输入他们的地址和发票地址。如果他们选择了一个复选框，他们的主地址应该全部复制到发票地址。这是工作良好，除了一个选项是下拉列表，我已经设法让它工作，但只有当我不使用JQM -它应该复制选择的答案到第二个下拉列表(见在js小提琴-删除JQM和它的工作!)。我似乎找不到这个问题。什么好主意吗?

$("#copyToInv").click(copyAdd);
                 function copyAdd()
                 {  
                     var add1=$("#custAdd1").val();
                       var add2=$("#custAdd2").val();
                        var add3=$("#custAdd3").val();
                         var town=$("#custTown").val();
                          var county=$("#custCounty").val();
                           var postcode=$("#custPostcode").val();

                       if (this.checked==true)
                            $("#invAdd1").val(add1);
                            $("#invAdd2").val(add2);
                            $("#invAdd3").val(add3);
                            $("#invTown").val(town);
                            $("#invCounty").val(county);
                            $("#invPostcode").val(postcode);
                            $('#invCountry').val($('#custCountry').val());
                                $('#invCountry').attr('selected', true);        
                }

Js fiddle here: http://jsfiddle.net/b2Gdn/

谢谢

示例:http://jsfiddle.net/Gajotres/b2Gdn/2/

JavaScript:

$("#copyToInv").click(copyAdd);
function copyAdd()
{   
    var add1=$("#custAdd1").val();
    var add2=$("#custAdd2").val();
    var add3=$("#custAdd3").val();
    var town=$("#custTown").val();
    var county=$("#custCounty").val();
    var postcode=$("#custPostcode").val();

    if (this.checked==true)
    $("#invAdd1").val(add1);
    $("#invAdd2").val(add2);
    $("#invAdd3").val(add3);
    $("#invTown").val(town);
    $("#invCounty").val(county);
    $("#invPostcode").val(postcode);
    $('#invCountry').val($('#custCountry option:selected').val());
    $('#invCountry').selectmenu('refresh', true);
}

变化:

    $('#invCountry').val($('#custCountry option:selected').val());
    $('#invCountry').selectmenu('refresh', true);