javascript - 使用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 代码