如何使用 JavaScript 更改所有选择标签的所有选项
How to change all options of all select tags using JavaScript
我想列出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;
}
}
相关文章:
- 当使用select作为标签时,如何使用ng选项禁用angularjs中的选项
- Ionic V1.3-标签-带条件的徽章样式<离子选项卡>
- 调用函数单击选择标签中的选项
- 如何使用 JavaScriptJQuery 将隐藏输入标签的值与选择标签的选定选项的值进行设置
- 单击“选择标签”中的“选项”时创建,然后选中“值”创建输入
- 在<选项>标签之间切换时保存输入文本
- 取决于更改标签的下拉选项
- 如何在“选项”标签上获取“名称”属性
- 如何使用 queryselectorAll() 选择
- 将文件转换为数组并使用数据列表和选项标签为自动完成文本框添加数组元素
- 谷歌地图没有在标签2中和标签3中正确加载.如何创建刷新选项卡
- 如何使用 html 选项标签并检查选择了哪个选项
- 如何通过 innerHTML 设置选择标签选项
- 使用Highcharts中的“步骤”标签选项,从轴的末尾开始
- Riotjs的嵌套标签选项是未定义的
- 我怎样才能得到select>标签选项,由用户使用Flask选择
- 在Node.js/Express中获取选择标签选项索引
- 将选择标签选项的json数据存储在变量中
- 隐藏谷歌地图地形和标签选项
- 事件点击标签<选项>