0

我在 Joomla 中有一个页面,表单可以动态加载(来自模块)。我已经清空了这个表单的内部 HTML 内容并插入了我自己的内容来自定义我的表单。

在清空原始表单的内容之前,我已经将表单元素放在了它们自己的变量中:

var element1 = $('#e1').val();
var element2 = $('#e2').val();

在上面几行之后,我清空了表单的内容并加载了新元素:

$('.originalform').empty();
$('.originalform').load("Location of my new file");

最后,我在自定义元素中插入了之前存储的元素:

$('#newDiv').text(element1); // newDiv is a div element whose innerHTML should be element1

但是,newDiv 元素未按预期显示任何值。

自从它被修改后,它与 DOM 结构有关吗?请协助。

来吧,伙计们。HTML 代码:

<script>

                    var fname=$('#firstname').val();
                    var lname=$('#lastname').val();
                    var email123=$('#email').val();
                    var cname=$('#cb_companyname').val();
                    var city=$('#cb_city').val();
                    var bphone=$('#cb_businessphone').val();
                    var hphone=$('#cb_homephone').val();
                    var addr=$('#cb_address').val()+"\n"+city;
                    var postal=$('#cb_postalcode').val();
                    var mphone=$('#cb_mobilephone').val();
                    var altemail=$('#cb_alternateemail').val();
                    var country=$('#cb_country').val();
                    var name=fname+" "+lname; 
                    $('.cb_template_default').empty();//I empty a div that is within the form and load another content which is language dependant:
                    <?php if ($lang->getTag()=="en-GB") {?>
                    $('.cb_template_default').load('<?php echo JURI::base(); ?>templates/calderoni/edit-profile.php');
                    <?php } else { ?>
                    $('.cb_template_default').load('<?php echo JURI::base(); ?>templates/calderoni/edit-profile-it.php');

                //The new elements have new values inserted here.                   
                $(".newemail").text(email);
                $(".newname").text(name);
                $(".altemail").text(altemail);
                $(".bphone").text(bphone);
                $('.name').text(name);
                $('.altemail').text(altemail);
                $('.bphone').text(bphone);
                $('.hphone').text(hphone);
                $('.mphone').text(mphone);
                $('.cname').text(cname);

                $('.newaddr').text(addr);
                $('.postal').text(postal);
                $('.country').text(country); 
</script>
4

2 回答 2

0

替换这些..

var element1 = $('e1').html();
var element2 = $('e2').html();
$('#newDiv').html(element1);

编辑

var element1 = $('#e1').html();
var element2 = $('#e2').html();
$('#newDiv').html(element1);

编辑 2

$('.originalform').load("Location of my new file");// populate form first
var element1 = $('#e1').val();// take value out
var element2 = $('#e2').val();
$('.originalform').empty();// and then empty
('#newDiv').text(element1); 
于 2012-08-20T11:14:02.343 回答
-2

您需要#在选择器中包含以按 id 查询元素。所以:

var element1 = $('#e1').val(); 
var element2 = $('#e2').val(); 
于 2012-08-20T11:25:42.990 回答