2017-11-22 8 views
1

ヘッダー(たとえば、<h3>)または<p>または<div>のようなHTMLページコンテンツを取得し、フォーム経由で送信するソリューションはありますか?フォームの隠しフィールドを使用してHTMLページコンテンツを送信する方法

<p id="test"> 
    <strong>Beispielveranstaltung<br />SAMSTAG, 14.01.2017 | 20:00 UHR |&nbsp;</strong><br /> 
    <strong>EINTRITT 12€</strong 
</p> 
  • フォームが

フォームは名前 "イベント" で隠しフィールドを持ってサイト

  • に埋め込まれているこれは、私が試したのjavascriptです:

    <script type="text/javascript"> 
        jQuery(document).ready(function() { 
        jQuery('#event').load $("#test"); 
        }); 
    </script> 
    

    私もこれを試しました:

    <script type="text/javascript"> 
        jQuery(document).ready(function() { 
        jQuery('#event') $("#test").val(); 
        }); 
    </script> 
    

    私は、そこに何が起こっているかを見なければなりません。想定されるソリューションの は私を助けます。あなたが示唆したように、私はこれをやった

    <script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery('#event').val($("#test").html()); 
    }); 
    </script> 
    

    が、私は私の「メール管理者へ」のセクションに、この{event:caption}:{event:value}を追加しました...私は何も起こりません参照してください。

    :私は、ドキュメント・タイトルを取得するためのスクリプトと似シナリオが正常に動作しているJoomlaの

    ためRSFORMコンポーネントを使用していたメールで私に

    を送信:「」私は見ることができます

    <script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery('#Veranstaltung').val(document.title); 
    }); 
    </script> 
    
  • +0

    「text()」または「html()」のいずれかを使用してコンテンツを取得できます。その後、AJAXを使用して送信するか、フォーム入力の 'val()'として設定し、通常どおりにフォームを送信します。 –

    答えて

    1

    あなたが入力#eventに#testタグの内容を配置する場合:

    jQuery(document).ready(function() { 
        jQuery('#event').val($("#test").html()); 
        }); 
    
    +0

    うーん、わからない...私はtext()でこの提案を試した。 私はそこで何が起こっているのか分かりません。 – Frank

    1
    <form id="event"> 
    //Please use 'id' instead of 'name' attribute 
    <p id="test"> 
        <strong>Beispielveranstaltung<br />SAMSTAG, 14.01.2017 | 20:00 UHR |&nbsp;</strong><br /> 
        <strong>EINTRITT 12€</strong 
    </p> 
    </form> 
    

    は、その後の使用をcript as

    <script type="text/javascript"> 
        jQuery(document).ready(function() { 
        //you will get your html content here 
        console.log(jQuery('#event').find('#test').html()); 
        }); 
    </script> 
    
    関連する問題