如何将字段集内容从html传递到html

Question

This is my code in page html1,

      <fieldset id="bill1">
        <div style="font-size:9px" id="serviced"><b>Service :</b></div>
        <div style="font-size:9px" id="tratyped"><b>Type of Transport :</b></div>
        <div style="font-size:9px" id="custyped"><b>Type of Client</b></div>
        <div style="font-size:9px" id="datepickerd"><b>Date :</b></div>
        <div  style="font-size:9px;display:none" id="timed"><b>Time :</b></div>
        <div  style="font-size:9px" id="departured"><b>Departure Address :</b></div>
        <div style="font-size:9px" id="destinationd"><b>Arrival Address</b></div>
      </fieldset>

The innerhtml values of those divs will change at runtime.

How can I send or view these information in another page html2.

I want to be able provide the fieldset contents inside the page "html2" from "html1", which is included (include 'html2') into the "php1" page.

Please help me with the coding or just give your suggestions, I will try to code it myself.

Thanks!

Edit............

Inside fare.html

     <fieldset id="bill2" style="padding-top:0">
        <div style="font-size:9px" id="passengerd"><b>No. of Passengers :</b></div>
        <div style="font-size:9px" id="shairwelld"><b>No. of Chariwells :</b></div>
        <div style="font-size:9px" id="babycd"><b>No. of Baby Chairs :</b></div>
        <div style="font-size:9px" id="companiond"><b>No. of Companions :</b></div>
     </fieldset>

In pay.html

     <fieldset id="bill2">
     </fieldset>

I used the jquery code inside head tag as

<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#bill2').load('/fare.html #bill2')
})
</script>

The above code works...

It loads the default content of the fieldset. But not loading the values produced during run time. Is there any way to fix this?

Thanks!

Answer 1

You can generate a hidden form with javascript and submit it. When you want to use GET, you can also add those parameters to the current url with javascript and load this url.

Answer 2

I like your "Please help me with the coding or just give your suggestions, I will try to code it myself.

You can do it with form,

Create a form with some hidden fileds, while submitting that form get the div 's inner html and make that as hidden value using javascript and submit that form.

Answer 3

With jQuery you can use .load() method:

$(document).ready(function(){
    $('#bill2').load('/html1.html #bill2')
})

Where #bill2 is the id of fieldset from html2.html in which you want to load fieldset #bill2 from html1.html