Javascript提交按钮从列表中自动选择全部

时间:2014-11-12 22:09:40

标签: javascript php jquery html5

我想知道如何设置我的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>

0 个答案:

没有答案