11 
<select name="remaintextarea" id="studentremain" size="10">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>

<button type='button' id='selectall'>Select All</button>
<button type='button' id='deselectall'>De-Select All</button>

上の選択ボックスを取得し、すべてを選択して、上のすべてのボタンを選択解除します。私の質問はjqueryを使用することです。関連するボタンがクリックされたときに、上の選択ボックスですべてのオプションを選択し、すべてのオプションを選択解除するボタンを取得するにはどうすればよいですか?

以下に、両方のボタンのクリック ハンドラーを示します。

$('#selectall').click(function() {

});   

$('#deselectall').click(function() {

});
4

5 に答える 5

25

select 要素に属性を追加する必要がありmultipleます。その後、次のことができます。

$('#selectall').click(function() {
    $('select#studentremain option').attr("selected","selected");
});   

$('#deselectall').click(function() {
    $('select#studentremain option').removeAttr("selected");
});
于 2013-01-10T14:46:33.050 に答える
8

このデモを試す

select 要素に multiple="multiple" を追加する必要があります

HTML:

<select multiple="multiple" name="remaintextarea" id="studentremain" size="10">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>
<button type='button' id='selectall'>Select All</button>
<button type='button' id='deselectall'>De-Select All</button>

JS:

$('#selectall').click(function() {
    $('#studentremain > option').attr("selected", "selected");
});   

$('#deselectall').click(function() {
    $('#studentremain > option').removeAttr("selected");
});
于 2013-01-10T14:47:06.900 に答える
3

最初に複数の属性を選択ボックスに追加して、複数の値を選択できるようにします。jQuery を使用しているため、このようなもので十分です。

//for selection of all.
$('#studentremain option').attr('selected','selected');

//for removal of selection.
$('#studentremain option').removeAttr('selected');

attr の代わりにpropとremovePropを試すことができます。

于 2013-01-10T14:51:18.227 に答える