克隆在同一页面中选择框选项值

时间:2017-11-30 04:38:57

标签: jquery ajax cakephp clone jquery-clone

我在cakephp中创建了一个地址列,其中我们有永久地址和当前地址,其中包括地址,国家,州,城市字段。如下图Address Form

如图所示,有一个选择框(与上面相同),用于将所有地址字段(地址,国家,州,市)从当前地址克隆到永久地址有相同的地址。 我们只使用印度国家所以我们默认设置印度国家和所有印度国家选择框,所以我们必须在用户选择状态后通过ajax调用城市选项,作为代码 //选择城市的功能

 function get_city(UserProfileState)  
    {  
        var state_id=document.getElementById('UserProfileState').value;     
        $.ajax({  
            type: "GET",  
            url: "get_city",  
            data: "UserProfileState="+state_id,  
            success: function(msg){  
                $("#city").html(msg); 
            }  
        });             
    }

//克隆所有地址字段的功能

 $("#chkform").click(function()
        { 
            if($(this).is(":checked")) 
            {
                $("#UserProfilePeraddress").val($("#UserProfilePaddress").val());
                $("#UserProfilePcountry").val($("#UserProfileCountry").val());
                $("#UserProfilePstate").val($("#UserProfileState").val());
                $("#UserProfilePcity").val($("#UserProfileCity").val());
                $("#UserProfilePpincode").val($("#UserProfilePcode").val());
                $("#UserProfilePtelephone").val($("#UserProfileTelephone").val());

            }}

当我从页面get_city.ctp的ajax调用获得更新值时,但是当我克隆字段时,它仍然无法从city字段获取值,clone pcity在选择框中显示空选项。 enter image description here

2 个答案:

答案 0 :(得分:0)

尝试更改代码

$("#UserProfilePcity").val($("#UserProfileCity").val());

之后

$("#UserProfilePcity").val($("body").find('#UserProfileCity').val());

答案 1 :(得分:0)

我知道了,将克隆功能更新为

if($(this).is(":checked")) 
        {
            $("#UserProfilePeraddress").val($("#UserProfilePaddress").val());
            $("#UserProfilePcountry").val($("#UserProfileCountry").val());
            $("#UserProfilePstate").val($("#UserProfileState").val());               
            var state_id=document.getElementById('UserProfileState').value;
            var city_id=document.getElementById('UserProfileCity').value;   
            $.ajax({  
                type: "GET",  
                url: "get_city",  
                data: { UserProfilePState : state_id,
                    UserProfilePcity : city_id  },
                success: function(msg){  
                    $("#pcity").html(msg); 
                }  
            });             
            $("#UserProfilePpincode").val($("#UserProfilePcode").val());
            $("#UserProfilePtelephone").val($("#UserProfileTelephone").val());

        }

我必须将州和城市值传递给另一个ajax调用。现在它完美无缺。