使用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应该具有与上面相同的javascript代码