jquery selectbox：如果選擇最後一個選項，則重新加載Jquery Selectbox和其他下拉值

-1

如何在使用新值選擇最後一個選項時刷新jquery多選？就像我有我的選擇框jquery selectbox：如果選擇最後一個選項，則重新加載Jquery Selectbox和其他下拉值

<select id="positions"> 
    <option value="0">Programmer</option> 
    <option value="1">Tester</option> 
    <option value="2">Manager</option> 
    <option value="3">Admin</option> 
    <option value="4">Load all other</option>  
</select>

如果用戶選擇「加載所有其他」從選擇框中的選項下面的選項，然後選擇框這應該使用不同的值重新初始化。或者是否可以在一個選擇框中使用粗線分隔填充兩個放置下拉值。

來源

2012-03-19 Gautam

HTML部分：

<select id="positions"> 
    <option value="0">Programmer</option> 
    <option value="1">Tester</option> 
    <option value="2">Manager</option> 
    <option value="3">Admin</option> 
    <option value="4">Load all other</option>  
</select> 

<select id="positions2"> 
    <option value="0">test1</option> 
    <option value="1">test2</option> 
    <option value="2">test3</option> 
    <option value="3">test4</option> 
    <option value="4">Load all other</option>  
</select>

Jquery的部分：

$('#positions').change(function() { 
    if ($('#positions').val() == 4) { 
     var data = $('#positions2').html(); 
     $('#positions').html(data); 
    } 
});

這裏是Jsfiddle例如：

來源

2012-03-19 14:37:08 Vimalnath

我想我明白你的意思。這會做詭計嗎？

$('#positions').change(function() { 
    if ($('#positions').val() === '4') { 
     var newOptions = '<option value="0">Programmer</option>'; 
     newOptions += '<option value="1">Tester</option>'; 
     newOptions += '<option value="2">Manager</option>'; 
     newOptions += '<option value="3">Admin</option>'; 
     newOptions += '<option value="5">Helicopter Pilot</option>'; 
     newOptions += '<option value="6">Fireman</option>'; 
     newOptions += '<option value="7">President of the United States</option>'; 
     $('#positions').html(newOptions); 
    }   
});

來源

2012-03-19 13:30:32 bm1729

感謝您的答覆...但我需要把值從不同的墨滴down..reinitialize下拉其他下拉值 – Gautam 2012-03-19 14:01:46

嗯。將構造一個新的字符串，然後使用.html（）函數不工作呢？如果不是，那麼我不確定我是否理解這個問題。在我的例子中，你不必包含選項0-3。 – bm1729 2012-03-19 14:30:33

加載$（ '＃位置'）與從值其他selectBox

$('#positions').html($('#otherSelectBox').html());

但如果同一個用戶仍然想看到以前的選擇？我想你應該只是追加$（「＃位置」）的下一個值，只是隱藏分組

$('#positions').children('option').hide().end().append($('#otherSelectBox').html());

來源

2012-03-19 14:44:46 sanusi

jquery selectbox：如果選擇最後一個選項，則重新加載Jquery Selectbox和其他下拉值

回答

相關問題