Значение параметра ввода с jquery

Question

У меня возникли проблемы с попыткой установить значение для ввода с использованием jquery, в основном вы нажимаете на ссылку, и она выводит вас на другую страницу с формой, и я пытаюсь задайте значение одного из входов этой формы. Я не знаю, почему это не работает. Вот мой код:

страница 1 (где вы нажмете на ссылку, которая выполняет функцию, чтобы установить значение входа)

<table class="tablaObjeto"> 
    <tbody> 
    <tr> 
     <td> 
      <img src="img/ps4Mall.jpg"> 
     </td> 
    </tr> 
    <tr> 
     <td class="precio"> 
      <p>$<span id="precioPS4">400</span> - PS4</p> 
     </td> 
    </tr> 
    <tr> 
     <td class="botonCompra"> 
      <a id="botonCompraPS4" href="paginaSolicitudes.html"><img src="img/BotonCompra.png"></a> 
     </td> 
    </tr> 
    </tbody> 
</table> 

стр.2 (форму с входом, который должен показать значение)

<tr> 
    <td class="info">Precio: </td> 
    <td class="inputs"><input id="precioI" name="precio" type="text" value=""></td> 
</tr> 

Вот Javascript (JavaScript/metodos.js)

$(document).ready(function() { 
    $("#botonCompraPS4").click(function() { 
     obtienePrecioPS4(); 
     $("#precioI").val(retornaPrecio()); 
    }); 
}); 

function obtienePrecioPS4() { 
    sessionStorage.setItem("precio", $("#precioPS4").text()); 
} 

function retornaPrecio() { 
    var r = sessionStorage.getItem("precio"); 
    return r; 
} 

Answer 1

попробуйте загрузить значение на документ готов, смотрите ниже

$(document).ready(function() { 
    $("#botonCompraPS4").click(function() { 
     obtienePrecioPS4(); 
    }); 

    // Load value on document ready 
    $("#precioI").val(retornaPrecio()); 
}); 

Вашего page1 и page2 должны иметь один и тот же код яваскрипта выше