2014-03-27 36 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

相关问题