javascript - 如何清除多选框数据

Question

我想清除多个选择框上的选定数据，但它对我不起作用。

<select  name="age" id="age" class="span2 typeahead" multiple data-rel="chosen">
    <?php
        $age_arr = explode(",", $result['age']);
        foreach ($age as $a) 
        {
            $select = "";
            for ($is = 0; $is < count($age_arr); $is++) 
            {            
                if ($age_arr[$is] == $a['age_id']) 
                {
                    $select = "selected";
                }
            } ?>
            <option id="age2" value="<?php echo $a['age_id']; ?>" <?php echo $select; ?>><?php echo $a['age']; ?></option>
            <?php
        } 
    ?>
</select>
<input type="hidden" id="age_val" name="age_val" value="<?php echo $result['age']; ?>" /> 

<input type="button" value="Clear" id="clear" class="btn" onClick="clearFields()">

这是我尝试过的:

<Script>
    function clearFields(){
        document.getElementById("age_val").value = "";
        document.getElementById("age").value = '';
    }
</Script>

请教我如何在点击清除按钮时清除数据，

selectbox

Answer 1

由于您有多项选择，而不是标准选择，因此您需要将每个 option 元素的 selected 属性设置为 false。试试这个:

function clearFields() {
    $('#age option:selected').prop("selected", false);
    $('#age_val').val('');
}

Working example