Javascript通过按钮单击创建HTML JqueryMobile范围输入

Question

我在HTML页面上有一些javascript代码，当点击一个按钮时会创建一个范围为1-10的Dropbox，如下所示：

if (type==1){

 var drop = document.createElement("SELECT"); 

 for ( i = 0, x = 1 ; i < 10; i++ ) {

 drop.options[drop.options.length] = new Option(x,x);
 x++;
} 

   myDiv.appendChild(drop);
    }

这很好用，但是我不想再使用Dropbox了，而是想生成一个带有HTML代码的Jquery移动滑块，如下所示：

<input type="range" name="slider-fill" id="slider-fill" value="0" min="0" max="10" data-theme="b" data-track-theme="c" data-highlight="true" />

在玩了我的代码一段时间后，我没有在实际创建滑块方面取得任何成功，如果有人对我应该如何处理这个问题有一些建议，那将非常感激。