2011-09-10 17 views
1

我想借將兩個輸入文本字段到一個jQuery的範圍欄

 <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,但我不確定是否需要配置。

回答

0

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

看看這個。這正是你需要的。

+0

我知道這一點。我已經有了JavaScript和jquery的一切設置。該頁面仍然不顯示範圍滑塊,並且輸入文本字段仍然存在。 –

+0

你能發佈一個jsFiddle或發佈你的Javascript + HTML不工作嗎? –

+0

看看這個:http://jsfiddle.net/xAzrH/6/ –

相關問題