在另一个 HTML 页面中获取滑块的值

get value of slider in another html page

本文关键字:获取 另一个 HTML      更新时间:2023-09-26

我在一个 html 页面中有一个滑块,我想在另一个页面中访问滑块的值。

这是滑块,在一个名为"settings.html"的页面中:

<div class="widget uib_w_4 no_wrap no_swipe-x with-label d-margins" data-uib="jquery_mobile/slider" data-ver="0" id="sliderAlliteration">
                <label class="narrow-control label-top-left" for="sliderAlliteration">Alliteration</label>
                <div class="wide-control">
                  <input type="range" value="10" min="0" max="10" step="1">
                </div>
              </div>

所以滑块的id"sliderAlliteration",我试图在javascript脚本文件中访问这个滑块的值:

var alliterationLevel = $("#sliderAlliteration").val();

但是,alliterationLevel undefined出现。如何访问滑块的值?

将其更改为

alliterationLevel = $("#sliderAlliteration div input").val();

获取输入值,因为 #sliderAlliteration 是一个div 并且没有值。