将两个输入文本字段转换为一个 Jquery 范围滑块

Question

我想

     <form name='bid_range' action='".$action."' method='post'>
     <ul>

     <p><input type=text name=bid_from size=6 value='' /></p>        
     <li><input type=text name=bid_to size='6' value='' /></li>
     <input type='hidden' name='bid_next' value='".$TPL_next_bid_value."'>
     <input type='hidden' name='seller_id' value='0'>
     <input type='hidden' name='bid_type' value='range'>
     <input type='hidden' name='title' value='".$TPL_title_value."' >
     <input type='hidden' name='category' value='".$TPL_category_value."' >
     <input type='hidden' name='id' value='".$TPL_id_value."'>
     <input type='hidden' name='t_remained_bids' value='".$remained_bids."'>
     <input type='hidden' name='auction_type' value='".$auction_type."'>
     <input type='hidden' name='form_type' value='".$type."'>
     <input type='hidden' name='f5_num' value='".$f5_num."'>
     <input type=submit id='subbutton'  name='subbutton' value='BID' class='button' style='width:70px;'>
     </ul>
     </form>

...并将该代码转换

<p>
<label for="amount">Price range:</label>
<input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
</p>

为 jquery 范围滑块而不是两个文本字段的目的。有人可以帮忙解决如何做到这一点吗？ O，我也有常用的 jquery javascript，但我不确定是否需要配置。

Answer 1

http://jqueryui.com/demos/slider/#range

看看这个。这正是您所需要的。