Question

我有一个多页面表单，想要更改每个页面上的标题以反映在表单第一页上插入的projectID

<div data-role="page" id="chapter1">
  <div data-role="header">
  <h1>Site Information ***(<!--want ProjectID entered here-->)*** <h1>
 </div><!--/header-->


 <div data-role="content">
 <Fieldset>
   <div class="_50">
     Project ID:<input type="text" name="ProjectID"> ***<!--ProjectID entered here-->***  
   </div> 
 <div class="_50">
    Project Name:<input type="text" name="ProjectName">
   </div>


<div data-role="page" id="chapter2">
 <div data-role="header">
 <h1>Samples Collected ***(<!--want ProjectID entered here-->)*** </h1>
 </div><!--/header-->

 <div data-role="content">

创建webforms时我很不自然，我对如何完成这项任务感到茫然。非常感谢协助

Answer 1

在您的h1字段中添加一个类或ID，然后将其用于：

$('#id_of_element).text('Your text to insert');

或者，如果h1在每个#chapter上都是唯一的：

$('#chapter1 h1, #chapter2 h1').text('Your text to insert');

Answer 2

试试这个：

$("h1").html( $("h1") + " " + $("#ProjectID").val() )

Answer 3

动态更改页眉，页脚和内容的正确方法是在将标记附加到页面后使用.trigger('pagecreate')。

基本页面解剖

<div data-role=page>
 <div data-role=header></div>
 <div data-role=content>stuff</div>
</div>

jQuery Mobile

将旧标题替换为新标题。

$('[data-role=header]').html('<div data-role=header><h1>new header</h1></div>');

增强新标记。

$('[data-role=page]').trigger('pagecreate');

<强> Demo

Answer 4

将动态文本插入表单标题 - 尝试这种方式

 $("input[name='ProjectID']").on('keyup',function(){
     var val = $(this).val();
     var h = $(this).closest("div[id^='chapter']").find("div[data-role='header']").find("h1");
     $(h).html( $(h).html() + " " + val);
 });

Answer 5

第一个受让人头部标识

  <div data-role="header">
   <h1 id="header_content">Site Information ***(<!--want ProjectID entered here-->)***     <h1>

集ID的脚本代码

 var projectId=111;
 $('#header_content').html('Site Information ***('+projectId+')***');

将动态文本插入表单标题

5 个答案: