Question

我有以下选择菜单，将通过php for循环重复8次。我希望，使用js，设置onchange事件，从7个菜单的其余部分的第一个菜单中重复所选的选项，然后当然也重复选项的值。鉴于我读取了mysql表的选择菜单值：

for ($a=1; $a<=$n; $a++) 
{ 
readtable_no_order ("rooms"); //php function to read table
echo '<select name="hOffers['.$a.']'.'" class= "select">';
echo '<option value="" selected="selected"></option>';
while ($row=mysql_fetch_array ($result))
{echo '<option value ="'. $row['room'] . '">'. 
  $row['room'] . '</option>';}
  echo '</select><br>';

 }

提前致谢。

Answer 1

将您的HTML更改为

<select name="rooms" class="rooms"> 
<option value="single">Single</option> 
<option value="double">Double</option> 
<option value="triple">Triple</option> 
</select>

并添加一个js：

elements = document.getElementsByClassName('rooms');
for (i=0; i<elements.length; i++) {
    elements[i].onchange = function() {
        for (i=0; i<elements.length; i++){
        elements[i].value = this.value;
        }

    }
}

Answer 2

你需要在HTML中使用唯一ID：

<?php
    for ($i = 0;$i < 8;$i++) {
      echo '<select named="rooms" id="rooms'.$i.'" class="cbo_room">'
    }

使用类将组合框组合在一起：

$(function() {
        $('.cbo_room').change(function() {
            console.log($(this).val());
       });
});

从选择菜单中的选定选项中获取值，并在类似的选定菜单中重复它们Java Script，PHP

2 个答案: