我想知道如何设置我的Jquery代码,以便每次单击提交按钮时,列表中的所有选项都将被自动选中。请告诉我jquery代码需要哪些更改。我试图在提交时自动选择选择列表中的所有选项。
我现在有以下jquery代码。
$(document).ready(function() {
$('#btn-add').click(function(){
$('#select-from option:selected').each( function() {
$('#select-to').append("<option value='" +$(this).val()+ "'>"+$(this).text()+"</option>");
$(this).remove();
});
});
$('#btn-remove').click(function(){
$('#select-to option:selected').each( function() {
$('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>");
$(this).remove();
});
});
});
我正在考虑添加类似这样的内容,使其从选择列表中自动选择所有选项,但到目前为止它还没有工作。
$('#selectAll').onclick(){
$('#select-to option').attr('selected',true);
}
这是我用来实现jquery代码的php代码。
<form method="POST" action = "">
<select name="selectfrom[]" id="select-from" multiple="" size="10">
<?php $j=0; foreach($existing_mTitle as $item) { ;?>
<option value="<?php echo htmlspecialchars($existing_mID[$j]); ?>" >
<?php echo "$existing_mID[$j] & $item";$j++;?></option>
<?php }?>
</select>
<button type="button" id="btn-add">Add</button>
<button type="button" id="btn-remove">Remove</button>
<select name="selectto[]" id="select-to" multiple="" size="10">
</select>
</fieldset>
<input id="selectAll"type="submit" name="addArticle" value="Add" />
</form>