Question

<script>
  $(document).ready(function () {
    $("#pid1").click(function () {
        $(this).hide(SpeedEnteredByUser);
    });
});
</script>

<body>
<p id = "pid1">This is paragraph</p>
</body>

我想在单击段落时调用jquery hide函数。但我想传递用户输入的速度（即慢/快）。如何实现？这里 SpeedEnteredByUser 是用户输入的值（使用某种形式），我想将此值传递给隐藏功能。

Answer 1

使用.val() jQuery方法获取文本输入的值（应该保存你的速度值！）

$(this).hide(parseInt($("#hide_speed").val(),10));

parseInt() 用于确保输入的值确实是一个数字。该函数接受2个参数，值本身和要验证的基数值（10表示十进制数，2表示二进制，16表示hexa等）。

也可以使用<select>和其他类型的输入。

Answer 2

修复你的ID选择器并通过val（）函数

使用form元素的值

    <script>
      $(document).ready(function () {
        $("#pid1").click(function () {
            $(this).hide(parseInt($("#youtextinput").val(),10));
        });
    });
    </script>

    <body>
    <p id = "pid1">This is paragraph</p>
    <input type="text" id="youtextinput"/>
    </body>

Answer 3

你的问题很模糊......但是这里......让用户选择一个速度将其添加到你的HTML中：

<select id="UserSelectedSpeed">
  <option value="slow">Slow</option>
  <option value="fast">Fast</option>
</select>

然后执行以下操作：

$(document).ready(function () {
    $("#pid1").click(function () {
        $(this).hide($('#UserSelectedSpeed').val());
    });
});

$('#UserSelectedSpeed').val()从select列表中获取当前选定的值。

Working example here

将参数传递给jquery函数

3 个答案: