jQuery set <input type=“range”> value
Question
Update: This was a bug which has been fixed by now (Chrome 18).
I have a <input type="range"> and I'm trying to set its value by jQuery. That basically doesn't do anything.
Then, I tried hiding/showing as I thought it would be a drawing problem, but to no avail did I so.
Lastly, I hid the <input> and showed it using show(1) , which would mean a fading-in of 1ms. This did set the value, however after doing so the <input> isn't draggable anymore.
I made this fiddle up: http://jsfiddle.net/MhDf7/2/ .
Does anybody have an idea of what's going on here? I'm using Chrome 10.
2 answers
solution1
6 ACCPTED 2011-03-13 15:50:50
It seems to be a browser bug. The exact same thing happens when using MooTools ( DEMO ) or when using vanilla JavaScript ( DEMO ).
However, even if the display isn't updated, the form still submits the correct value.
You might want to fill a bug report... On your jsFiddle page, do the following:
- Click the Page menu .
- Select Report a bug or broken website.
- Choose an issue type from the drop-down menu. The web address of the webpage you're on is recorded automatically.
- If possible, add key details in the 'Description' field, including steps to reproduce the issue you're experiencing.
- Keep 'Send source of current page' and 'Send screenshot of current page' checkboxes selected.
- Click the Send report button to report a Google Chrome bug.
solution2
0 2012-05-18 23:42:04
Doesn't work on Chromium 18 and the problem is still there. Seems like Chrome and Chromium version updates are not the same.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.