2016-09-18 35 views
1

我有第三方基於Web的輪詢應用程序。有一個問題要求用戶輸入一個數字。我想在那裏有一個滑塊,從而數字滑塊的滑塊的最終位置被推入應用程序的數字輸入字段。我無法更改來自應用程序的HTML,但他們讓我添加CSS和JavaScript。如何使用jQuery滑塊覆蓋html輸入字段?

作爲一名被查看此HTML/CSS/JS/UI問題的數據庫/分析人員,我不知道如何「連接點」以將滑塊集成到應用程序中,使用CSS或JavaScript或其他,覆蓋滑塊頂部的數字,但仍然只發送一個字段與提交。

回答

0

您需要在「幻燈片」事件時將輸入元素的值綁定到滑塊的值。這是一個JSBin example

實際上,您通常會使用一個<input type="hidden" />元素來保存此值,該值將與表單一起發佈,但對用戶保持透明。

0

正如@dperish之前所說,您可能需要使用類似jquery-ui的滑塊。

既然你不能改變文件的HTML,你可以做的是沿着線的東西:

1)創建一個div動態使用jquery一個id或一個類,使用這樣的事情。

2)把div放到你想要的位置(即在已經存在的輸入的上面/下面)。 對於步驟1和2,檢查了這一點:Creating a div element in jQuery

3)啓動在此動態創建的div和使用@ dperishe的回答將滑塊輸入的值更改爲滑塊的滑動上值。

4)使用CSS隱藏初始輸入。

我想如果你按照上面的步驟,最終的結果將是你在做什麼。

相關問題