getting value from one html page and appending it to the textbox id of the next html page

Question

i asked this question before but still my problem has not been solved.let me explain my problem again .i have one recommend.html page havving differnt button choose merchant,choose contact choose product.in choose merchant i have one textbox havving id =merchant near to it.after clicking on choose merchant it will go to the brand.html and will give me the list of merchant.after cliking on one of the list item i am getting the value of this merchant in variable text and now want to append this value to the textbox of recommend.html.this is the code i tried but not working .. this is from brand.js

 $('.ui-li-icon li').click(function() {
        var index = $(this).index();
        var text = $(this).text();
        alert('Index is: ' + index + ' and text is ' + text);
         sessionStorage.setItem("selectedMerchant", text);

         window.location="recommendmanual.html"; 

          $('#merchant').append(text);  
    });

this is recommend.js

function load()
              {
              var selectedMerchant = "";
              if ( sessionStorage.getItem("selectedMerchant") ) {
              selectedMerchant = sessionStorage.getItem("selectedMerchant");
             alert(selectedMerchant);
              }
              }

and recommend.html is

<input type="text" id="merchant"></input>

move your `$('#merchant').append(text);` inside recommend.js — Navin, Apr 24 '14 at 07:33
put `$("#merchant").val(selectedMerchant)` in your recommend.js as last line. — Navin, Apr 24 '14 at 10:51
@Navin..thanks navin..finally my code is working..now that data is appending..tot hat textbox..thanks a lot... — user3415421, Apr 24 '14 at 13:20

score 1 · Accepted Answer · answered Apr 24 '14 at 13:46

You need to set the value of the #merchant in your recommend.js

function load()
{
     var selectedMerchant = "";
      if ( sessionStorage.getItem("selectedMerchant") ) {
          selectedMerchant = sessionStorage.getItem("selectedMerchant");
          $("#merchant").val(selectedMerchant);
      }
}

score 0 · Answer 2 · edited May 23 '17 at 12:11

0

Why don't you have both on the same page? using jquery you can show and hide sections of the webpage, where one section could handle brand and one merchand.

If you absolutely want to have this on two pages, I believe you could set parameters in the url. i found something here, see if it is anything you could use: Adding a parameter to the URL with JavaScript.

edited May 23 '17 at 12:11

Community

1
1

answered Apr 24 '14 at 07:31

confuse

220
2
7

getting value from one html page and appending it to the textbox id of the next html page

2 Answers2