选项选择可动态更改下一个选择

Option select to dynamically change next selection

本文关键字：选择 下一个 动态 选项      更新时间：2023-09-26

我使用的是一个名为featherlight的灯箱。我在lightbox中有一个表单，它需要一个动态选择选项来更改下一个问题选择框的内容。

选择框在灯箱外工作，但在灯箱内失败。

你知道我哪里出错了吗?

<select>
  <option value="111">111</option>
  <option value="222">222</option>
</select>

<select>
  <option value="111">111</option>
  <option value="222">222</option>
</select>

<script type="text/javascript">
    $(function(){
        $('select').change(function(){ // when one changes
            $('select').val( $(this).val() ) // they all change
        })
    })
    </script>

你的HTML很可能是在绑定处理程序之后添加的-你可以使用.on来绕过这个:

$(document).on("change", "select", function() { 
    $('select').val( this.value ) 
});

您应该将document替换为在页面加载时存在的容器，并包含您的动态内容-否则该事件将在每次更改document时触发(并检查select是否实际更改)

与一个公共类:

<select class="common">
    <option value="111">111</option>
    <option value="222">222</option>
</select>

<select class="common">
    <option value="111">111</option>
    <option value="222">222</option>
</select>
$(document).on("change", "select.common", function() { 
    $("select.common").not(this).val( this.value ) //added .not(this) since we dont need to change the value of the select being interacted with
});

有唯一的id为两个选择

<select id='select1'>
  <option value="111">111</option>
  <option value="222">222</option>
</select>

<select id='select2'>
  <option value="111">111</option>
  <option value="222">222</option>
</select>

<script type="text/javascript">
    $(function(){
        $('#select1').change(function(){ // when one changes
            $('#select2').val( $(this).val() ) // they all change
        })
    })
    </script>

我猜你是从子窗口访问父元素

试试下面的

window.parent.$(#select2.val( $(this).val());
相关文章：