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代码

使用jquery设置输入值

1 个答案: