我想列出select
标签,它们有两个值,yes
和no
。我已经创建了它(在 php 中带有while
语句)。
现在,我想创建一个具有两个值(yes
和 no
)的 select
标签,它应该更改所有 select
标签.ex:如果我选择yes
选项,则必须yes
所有选项。
<input onclick="toggle(this)" id="#select-all" type="checkbox" name="one"/><p>all</p>
<select data='beauty' name="txt" id="txt" onchange="setSelectBoxByText(this.getAttribute('data'), this.options[this.selectedIndex].text);">
<option value="id_yes">yes</option>
<option value="id_no">no</option>
</select>
<br />
<br />
<br />
<table style="width:100%">
<?php
$result = mysql_query("my query...");
while($row=mysql_fetch_object($result)){
echo "<tr>
<td>
<input type='checkbox' name='one'/><p style='display:inline;font-size:14px;color:#fff'><a style='color:#fff' href='#'>$row->title</a></p>
</td>
<td align='left' style='padding-left:2px'>
<select name='beauty' id='beauty'>
<option value='id_yes'>yes</option>
<option value='id_no'>no</option>
</select>
</td>
</tr>
";
}
?>
</table>
您可以在 while 中创建的选择和您想要附加的选择标签上设置类 onchange 事件,该事件将通过 className 获取所有元素,并设置与您的选择标签所选索引相同的选择索引。
<select id="globalSelection" onchange="changeSelection(this)">
<option value="id_yes">yes</option>
<option value="id_no">no</option>
</select>
var selects = document.getElementsByClassName('mySelect');
function changeSelection(globalSelect) {
for (var i = 0, select; select = selects[i]; i++) {
select.selectedIndex = globalSelect.selectedIndex;
}
}