当我有五个具有相同选项和值的select时,如何从另一个select标记中删除一个选中的选项?

时间:2018-10-23 13:23:48

标签: javascript

我有此代码

<?php for($i=1;$i<=5;$i++){ ?>

    <select name="bonus<?php echo $i;?>" style="margin-top:30px;">

        <?php foreach($bonusable as $bns) {?>

            <option value="<?php echo $bns['type'];?>"><?php echo $bns['name'];?></option>

        <?php } ?>

    </select>

<?php }?>

此代码显示五个选择,并且这些选择具有相同的选项,并且具有相同的值,如果在另一个选择标记中选择了该选项,则我需要删除该选项。

Here is the picture how to display

请帮助我,对不起我的英语!

2 个答案:

答案 0 :(得分:0)

这是解决此问题的方法。我尝试了所有操作,但单击“提交”时出现错误: 未定义的索引:bonus1 ..

between

答案 1 :(得分:0)

请尝试以下代码

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>


<div>
    <?php for($i=1;$i<=5;$i++){ ?>
     <select id="bonus<?php echo $i;?>" name="bonus<?php echo $i;?>" onchange="Process_form('<?php echo $i;?>',this.value)" style="margin-top:30px;" >
                <option value="1">1</option>
                 <option value="2">2</option>
    </select>
    <?php }?>
</div>



<script>

function Process_form(Id,Value)
{

    <?php for($i=1;$i<=5;$i++){ ?>

        var i='<?php echo $i; ?>';      

        if(i!=Id)
        {
            $("#bonus"+i+" option[value="+Value+"]").attr('disabled','disabled');

        }
    <?php } ?>

}
</script>