3

我第一次尝试 jquery 多选。我已将下拉列表设为多选。

我的下拉菜单是这样的，

<select id="selectChartType" multiple="multiple"  style="width:20px">
    <option value="chart1">chart1</option>
    <option value="chart2">chart2</option>
    <option value="chart3">chart3</option>
    <option value="chart4">chart4</option>
    <option value="chart5">chart5</option>
    <option value="chart6">chart6 </option>
</select>

我有像这样的多选下拉菜单

$("#selectChartType").multiselect();

它工作正常。现在我想让这个下拉列表动态化。通过单击一个按钮，上面相同的下拉菜单应该像这样改变，

<select id="selectChartType" multiple="multiple" style="width:20px">
<option value="chart3">chart3</option>
<option value="chart4">chart4</option>
</select>

我的意思是剩余的选项应该消失。当我再单击一个按钮时，它应该再次显示原始下拉列表。我只想要这里的多选逻辑。请帮我。

4

1 回答 1

1

我考虑你的解释，

试试这个，

示例演示

HTML

<select id="selectChartType" multiple="multiple"  style="width:100px">
    <option value="chart1">chart1</option>
    <option value="chart2">chart2</option>
    <option value="chart3">chart3</option>
    <option value="chart4">chart4</option>
    <option value="chart5">chart5</option>
    <option value="chart6">chart6 </option>
</select>
<button class="button1" >change list</button>
<button class="button2" >change prev list</button>

查询：

$('.button1').click(function(){
$("#selectChartType").html('<option value="chart3">chart3</option><option value="chart4">chart4</option>')
})

$('.button2').click(function(){
$("#selectChartType").html('<option value="chart1">chart1</option><option value="chart2">chart2</option><option value="chart3">chart3</option><option value="chart4">chart4</option><option value="chart5">chart5</option><option value="chart6">chart6 </option>')
})
于 2014-02-05T06:08:42.853 回答