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 に答える