如何使用表单中的隐藏字段发送html页面内容

时间:2017-11-22 09:48:53

标签: javascript jquery

是否有获取HTML网页内容的解决方案,例如标题(例如<h3>)或<p><div>,并通过表单发送?< / p>

<p id="test">
  <strong>Beispielveranstaltung<br />SAMSTAG, 14.01.2017 | 20:00 UHR |&nbsp;</strong><br />
  <strong>EINTRITT 12€</strong
</p>
  • 表单已嵌入网站
  • 表单中有一个名为“event”的隐藏字段

这是我试过的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>

2 个答案:

答案 0 :(得分:1)

如果您想将#test标记的内容放在输入#event:

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

答案 1 :(得分:0)

<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>

然后使用脚本

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