HTML表单滑块 [英] HTML Form Slider

查看:465
本文介绍了HTML表单滑块的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述


<强>可能重复:结果,
Min Max滑块形成


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

谢谢!

编辑:每个人都提到jQuery UI,我一直在摆弄这个实际上,它是理想的,但我一直无法让它运行..我下载插件,安装它,并使用3行来调用它我但是当我在我的html中调用div时,它只会渲染一个文本框。我错过了什么?

解决方案

签出jQuery UI。它有一个可以很好地工作的滑块元素:
http://jqueryui.com/demos/slider/


Possible Duplicate:
Min Max slider to form

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: As everyone is mentionning jQuery UI, I've been fiddling around with this actually, it woudl be ideal but I haven't been able to make it run..I downloaded the plugin, installed it and used the 3 lines to call it in my but when I call the div in my html it only renders a textbox. Am I missing something?

解决方案

Checkout jquery UI. it has a slider element that could work well: http://jqueryui.com/demos/slider/

这篇关于HTML表单滑块的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆