最小最大滑块形成

发布于 2024-12-04 09:44:42 字数 356 浏览 1 评论 0原文

我目前有一个作为常规 html 表单提交的搜索模块。目前,我在其中获取产品的绝对最小值和最大值,例如 50 和 2500。 现在我需要构建一个带有两个按钮的滑块(用于选择范围),并且在提交表单时,需要发送这两个用户选择的值,最好作为两个不同的变量发送。我不熟悉如何做这样的事情,有什么想法吗?

谢谢你!

编辑: http://jqueryui.com/demos/slider/

这种格式是理想的,但是我甚至无法实现滑块,更不用说用它发送 2 个值了。 如果有人可以帮助实现上述滑块,或者建议不同的滑块方法,那将非常有帮助。

I presently have a search module that submits as a regular html form. In it, I currently fetch an absolute minimum and maximum value for products, for example 50 and 2500.
Now I need to build a slider with two buttons (to select a range) and when the form is submitted, both these user-selected values need to be sent, preferrably as two different variables. I am not familiar with how to do such a thing, any ideas?

Thank you!

Edit: http://jqueryui.com/demos/slider/

This format would be ideal, however I was not able to even implement the slider, let alone send 2 values with it.
If someone can help with implementation of the above slider, or suggest a different slider method it would be very helpful.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

顾铮苏瑾 2024-12-11 09:44:42

为什么您无法实现 jQuery UI 滑块?以下是我添加 jQueryUI 插件所采取的步骤。

  1. 链接到 jQuery
  2. 链接到 jQueryUI
  3. 链接 jQueryUI 样式表
  4. 创建 HTML

div id="slider">

5.创建 JS

$(function(){  
     $('#slider').slider({  
          min: 50,  
          max: 2500
     });     
});  

http://jsfiddle.net/aHFwP/

Why weren't you able to implement the jQuery UI slider? Here are the steps I take to including jQueryUI plugins.

  1. Link to jQuery
  2. Link to jQueryUI
  3. Link jQueryUI stylesheet
  4. Create HTML

div id="slider">

5 . Create JS

$(function(){  
     $('#slider').slider({  
          min: 50,  
          max: 2500
     });     
});  

http://jsfiddle.net/aHFwP/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文