Question

我有3页，2页是WordPress页面，另外1页是带有表单的自定义页面模板。这2页是使用wp-job manager插件创建的。第一页有一个下拉菜单，包含作业列表。第二页是作业的描述。

现在，我希望在用户点击输入按钮后将第二页上的h1标签的值传递给第三页，并使用JS将其显示在输入文本框（位置输入文本框）中。 / p>

怎么做？

HTML：

select distinct info1,info2,TIMESTAMP  
from db_1
where info1 = '3.14' 
and TRUNC(TIMESTAMP) = to_date('8/19/2015 5:58:51.420000 AM','mm/dd/yyyy')

Answer 1

Vanilla JavaScript解决方案（无需框架）：

var h1Text = document.querySelector(".entry-title").textContent;

Answer 2

你可以使用jquery吗？如果是这样，当您从jquery单击按钮然后使用查询字符串发送到另一页时获取h1值。

EDITED

将页面中的jquery文件添加到用户jquery功能。并且您需要将函数放在$（document）.ready（）函数中，以便将函数附加到对象中。

您可以在https://learn.jquery.com/中了解有关jquery的更多信息。

[Time series].[Month] > [Process].[Start Date] and
([Time series].[Month] < [Process].[End Date] or [End Date] is missing)

Answer 3

使用您在普通js中给出标题的课程使用以下内容。

var x = document.getElementsByClassName('entry-title').value;
console.log(x); //outputs collections trainer

如果您正在使用jQuery，那么

$('.entry-title').text

希望有所帮助。

Answer 4

如果您只想在点击按钮后获取h1值，则需要点击该按钮。

$.(document).ready(function(){
var header1Text ='';
 $('.application_button').onclick(function(){
   header1Text = $('h1').html();
  });
//To display it in whichever textbox you want:
$('#GivesomeIDtoYourTextBox').val(header1Text);
});

PS：您还需要在页面中包含jquery源代码。

Answer 5

jQuery：获得H1值

 var gValue=jQuery("header h1.entry-title").text();
    alert(gValue);

由于您需要在其他页面上获取值，因此您可以通过QueryString或使用HTML5 LocalStorage发送值示例代码：

var first_page_h1_Value=jQuery("header h1.entry-title").text();
var second_page_h1_Value=jQuery("header h1.entry-title").text();

localStorage.setItem("FirstPage", first_page_h1_Value);
localStorage.setItem("SecondPage", second_page_h1_Value);

在第三页上，您可以获得两个页面标题文本

 alert(localStorage.FirstPage);
 alert(localStorage.SecondPage);

Answer 6

如果你正在使用Jquery，那么我建议你给你的H1标签id，假设你的H1标签的id是＆＃34; h1Title＆＃34;。 HTML：

<h1 id="h1Title">Heading here</h1>

然后获取你在JQuery中编写的标题：

var title = $("#h1Title").text();
//To Check Whether you are getting text or not
console.log("title :"+title);

通过这个，您将获得标题的文本。

如何使用JS获取h1标签的值？

6 个答案: