在菜单中和类似的选定菜单中重复来自所选选项的值Java Script，PHP

Question

我有下面的选择菜单，将重复8次由php for循环。我希望使用js设置onchange事件，以重复7个菜单中其他菜单中的第一个菜单中选定的选项，当然也要重复该选项的值。考虑到我读取了mysql表的select菜单值：

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 (IE8+)上演示：

<select name="hOffers[0]" class= "select">
    <option value="room_1">Room 1</option>
    <option value="room_2">Room 2</option>
    <option value="room_3">Room 3</option>
</select>

<select name="hOffers[1]" class= "select">
    <option value="room_1">Room 1</option>
    <option value="room_2">Room 2</option>
    <option value="room_3">Room 3</option>
</select>

<script>
    var selectBoxes = document.querySelectorAll( '.select' );

    for ( var i = 0; i < selectBoxes.length; i += 1 ) {
        selectBoxes[i].onchange =  function( event ) {
            var currentValue = event.target.value;

            for ( var j = 0; j < selectBoxes.length; j += 1 ) {
                selectBoxes[j].value = currentValue;
            }
        };
    }
</script>

小提琴：http://jsfiddle.net/4fxBB/

我相信在你的选择框后回传那个脚本标签不会有问题吗？

Answer 2

我不知道你想要什么。但是，这个代码片段并不是很好。您应该从php函数中返回对象，并在页面中处理带有循环的html。

类似于：

<?php
    $objectList = myFunctionToGetObjectList();
    for ($objectList  as $object) 
    {
?>
<select name="<?php echo $object.someValue; ?>" class="select">
...
</select>
<?php
    }
?>

然后，在javascript中，可以使用getElementsByTagName添加javascript事件。