我必须清除选择选项中的现有值。

Question

我用这个代码得到了解决

var module_list = document.getElementById("taModule");
$("#taModule").empty();  //this is the solution code
for(i=0;i<pid.length;i++){
if (pid[i] == projid){
var option = document.createElement("option");              
option.text = mname[i];
option.value = mid[i];
module_list.appendChild(option);
}   
}

你好，我有一个下拉列表框，一个是项目列表，第二个是模块下拉列表，当客户选择特定项目时，列出与项目相关的模块。

function populate(val) {
        var projid = val;
        var pid = new Array();
        var mid = new Array();
        var mname = new Array();

        pid = <?php echo json_encode($pid); ?>;
        mid = <?php echo json_encode($mid); ?>;
        mname = <?php echo json_encode($mname); ?>;
var module_list = document.getElementById("taModule");
$('#taModule').val('');     
                for(i=0;i<pid.length;i++){
            if (pid[i] == projid){
            var option = document.createElement("option");
                option.text = mname[i];
                option.value = mid[i];              
                module_list.appendChild(option);
            }   
        }
    }

html代码。

<tr>
    <td><label for="taProj"><?php echo t('Project')?>:</label></td>         
    <td><select name="taProj" id="taProj" onchange= "populate(this.value)">
    <option value="" >-------------------------</option>
    <?php   foreach ($tap as $row){?>
    <option value="<?php echo $row['proj_id']; ?>" ><?php echo $row['proj_name'];?></option> <?php } ?>
    </select></td>
    </tr>       
    <tr>                        
    <td><label for="taModule"><?php echo t('Module Name')?>:</label></td>
    <td><select name="taModule" id="taModule" >
    <option value="" >-------------------------</option>
    </select></td>
    </tr>

如果我选择项目，它显示相关的模块，但如果我再次选择其他项目，相关的模块与现有的模块列表一起添加，所以我想避免这种情况。我尝试了一些脚本删除，null和空是没有工作。

Kumar

Answer 1

我找到了解决方案，只要在函数 for 循环之前，在 js 中添加代码就可以了。

$("#taModule").empty();

感谢stackoverflow。

Answer 2

如果你没有使用jQuery。

var select = document.getElementById('/*id attribute of your select here*/');
for (var option in select){
    select.remove(option);
}