的消退：

Question

我有一个例子：

<select id="to_select_list" multiple="multiple" name="to_select_list">
    <option value="winder">Winter</option>
    <option value="summer">Summer</option>
    <option value="rainy">Rainy</option>
    <option value="Spring">Spring</option>
</select>

我希望当我点击提交时，所有选项值都将通过“to_select_list”发送到服务器，但不需要选择（全部）那些。

的消退：

我想出了如何在link

解决这个问题

示例：的

使用Javascript：

<script language="javascript" type="text/javascript">
    var selObj2 = document.getElementById(selStr2);
    for (var i = 0; i < selObj2.options.length; i++) {
        selObj2.options[i].selected = true;
    }
</script>

HTML：

<form action="tutorial007.html" method="get" onsubmit="selectAllOptions('sel2');">

Answer 1

如果您不希望用户选择应发送哪些选项，请不要给他们一个选择控件。只需使用隐藏的输入。

<input type="hidden" name="to_select_list" value="winder">
<input type="hidden" name="to_select_list" value="summer">
<input type="hidden" name="to_select_list" value="rainy">
<input type="hidden" name="to_select_list" value="Spring">

Answer 2

尝试使用JQuery

 var optVals=[];
   $("#to_select_list option").each(function(){
       optVals.push( $(this).attr('value'));
    });

没有JQuery你可以使用这个

var option = document.getElementById('to_select_list').options;

然后

var val0 = option[0].value;

你也可以通过AJAX将数组发送到服务器

$.ajax({
        url: 'your url',
        type: 'POST',
        data: {optionValues: optVals },
        success: function (data) {

        },
        Error: function () {

        }

    });

从<option>提交值到服务器无需选择</option>

的消退：

2 个答案: