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

Question

我在 cakephp 中创建的表单中有一个地址列，其中我们有永久地址和当前地址，其中要填写地址、国家、州、城市字段。如下图所示

如图所示，有一个 Select 框 （同上） 用于克隆所有地址字段（地址、国家、州、城市）对于具有相同地址的人，从现在地址到永久地址。我们只使用印度的州所以我们默认设置国家印度和所有印度州在州 select 框中，所以我们只能在州 selection 之后通过 ajax 调用城市选项用户，作为代码 // select 城市

的函数

 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 调用中更新了值，但是当我克隆字段时它仍然没有从城市字段中获取值，克隆 pcity 在 [=29= 中显示空选项] 盒子。

Answer 1

尝试更改您的代码

之前

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

之后

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

Answer 2

知道了，更新克隆函数为

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 调用。现在它完美运行了。

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

Clone Select Box Option value in same page

ajax

jquery

clone

cakephp

jquery-clone

之前

之后