2014-03-27 45 views
-3

這裏我用2選擇選項顯示預算價格, 當我選擇一個價格像4000然後第二選擇選項顯示可見和顯示更高的價格比4000. 什麼jQuery代碼我應該使用嗎? 這裏是我的代碼:上選擇一個選項顯示更高的價值在其他選擇選項

DEMO 請檢查

<li> 
    <label>Budget</label> 
    <select name="budget_from" id="budget_from" onchange="setBudgetFinal('1','1', 'requiremant_frm','3999999','19999','5999','1');" onblur="" onfocus="" class="budget" style="width: 89px; visibility: visible;"> 
     <option value="3999">&lt;4000</option> 
     <option value="3000">3000</option> 
     <option value="5000">5000</option> 
     <option value="7000">7000</option> 
     <option value="9000">9000</option> 
     <option value="11000">11000</option> 
     <option value="13000">13000</option> 
     <option value="15000">15000</option> 
     <option value="17000">17000</option> 
     <option value="19000">19000</option> 
     <option value="21000">21000</option> 
     <option value="25000">25000</option> 
     <option value="30000">30000</option> 
     <option value="40000">40000</option> 
     <option value="45000">45000</option> 
     <option value="50000">50000</option> 
     <option value="55000">55000</option> 
     <option value="60000">60000</option> 
     <option value="65000">65000</option> 
     <option value="70000">70000</option> 
     <option value="75000">75000</option> 
     <option value="80000">80000</option> 
     <option value="85000">85000</option> 
     <option value="90000">90000</option> 
     <option value="95000">95000</option> 
     <option value="100000">1 Lac</option> 
     <option value="105000">1.05 Lacs</option> 
     <option value="110000">1.10 Lacs</option> 
     <option value="115000">&gt;1.15 Lacs</option> 
    </select> 
    <span id="sc"> to</span> 
    <select style="visibility: visible;" disabled="" id="budget_to" name="budget_to" class="budget"> 
     <option value="">Max Price</option> 
    </select> 
</li> 
+1

選擇元件是不依賴彼此的無JS代碼。請顯示你的代碼,如果可能的話,嘗試改寫你的問題... – Teemu

+0

哪些代碼我使用可以告訴我 – Sam

回答

0

試試這個。

$('#budget_from option').on('click', function(){ 
     $('#budget_to').find('option').not(':first').remove(); 
    $(this).nextAll().clone(true).appendTo('#budget_to'); 
    $('#budget_to').removeAttr('disabled'); 
}); 

Fiddle Demo

+0

,但這不工作在我的頁面 我也上傳jquery 1.7.2在我的但它不工作 怎麼樣?... – Sam

相關問題