javascript - Javascript表单选择选项onchange删除最后一个样式

Question

我正在尝试标记用户在表单中选择的表格，但如果他在仍处于相同表单选择中时更改它，我希望最后一个标记消失并显示新标记。但是，我尝试了几种方法，但这种方法不起作用，它不会标记任何东西，但如果我只调用该select(x)函数，它会标记我选择的每一个而不删除最后一个。对于改进我的代码的一些帮助或想法，我会很高兴。

查看代码

 <select type="number" id="tnum2" name="num" style="display: none;" onchange="table_selection(this.value)">
                                <?php for ($i = 12; $i <= 23; $i++) : ?>
                                <option id="out" value="<?php echo $i; ?>"><?php echo $i; ?></option>
                            <?php endfor; ?></select>

JavaScript 代码

function table_selection(x){
    remove_selection(),
    select(x);
}
function remove_selection(){
      for(var i=2;i<34;i++){
                document.getElementById(i).style.outline="none";
      }
}
function select(x){
      document.getElementById(x).style.outline="8px dotted #F2FF21";
}

标签： javascriptcodeigniter