0

複数ページのフォームがあり、フォームの最初のページに挿入された 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">

Webフォームの作成に慣れていないため、このタスクを達成する方法について途方に暮れています。助けていただければ幸いです

4

5 に答える 5

1

h1 フィールドにクラスまたは ID を追加し、次のように使用します。

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

または、 h1 がすべての で一意の場合#chapter:

$('#chapter1 h1, #chapter2 h1').text('Your text to insert');
于 2013-04-23T20:00:02.400 に答える
1

これを試して：

$("h1").html( $("h1") + " " + $("#ProjectID").val() )
于 2013-04-23T20:01:07.230 に答える
1

ヘッダー、フッター、およびコンテンツを動的に変更する正しい方法は、.trigger('pagecreate')マークアップをページに追加した後に使用することです。

基本的なページの構造

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

jQuery モバイル

古いヘッダーを新しいヘッダーに交換します。

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

新しいマークアップを強化します。

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

デモ

于 2013-04-23T20:36:16.403 に答える
0

最初の担当者からヘッダーへの ID 

  <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+')***');
于 2013-04-24T09:58:09.413 に答える
0

動的テキストをフォーム ヘッダーに挿入する-- この方法を試してください

 $("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);
 });
于 2013-04-23T20:10:18.553 に答える