2012-04-20 189 views
0
<script> 
    $(document).ready(function() { 
    $("#pid1").click(function() { 
     $(this).hide(SpeedEnteredByUser); 
    }); 
}); 
</script> 

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

我想在点击段落时调用jquery hide函数。但我想通过用户输入的速度(即慢/快)。如何实现? 这里SpeedEnteredByUser是用户输入的值(使用某种形式),我想通过这个值来隐藏函数。将参数传递给jquery函数

+0

用户如何选择速度?这是一个输入吗?或选择?用户输入了一个数字吗?到“慢/快”等字样? – ManseUK 2012-04-20 09:13:59

回答

2

使用.val() jQuery的方法来获取文本输入的值(应该保持你的速度值!)

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

parseInt()用于确保输入值确实是一个数字。该函数接受2个参数,值本身和一个基数值(10表示十进制数,2表示二进制,16表示六进制等)。

也有可能与<select> S和其他类型的输入做。

0

解决您的ID选择,并通过VAL表单元素的使用价值()函数

<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> 
+0

请用小数。 – 2012-04-20 09:10:40

0

你的问题是相当模糊......但在这里不用...为使用户能够选择的速度添加到您的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