我有一个动态填充我在 JSON 中收到的数据的选择,然后用户选择一个值并继续使用应用程序,我正在尝试当我在按下按钮时再次显示该选择时,它会以默认选项重新出现定义为“选择板”,但我无法从 Javascript 中更改选择以显示该选项,我有这个实现的 HTML:
<div id="tablaSelect">
<table id=tabla2 style="width:80%" >
<tr>
<th>
<div class="styled-select">
<select class="select" id="boards">
</select>
</div>
</th>
</tr>
</table>
Javascript 填充选择:// 将选择与板组装在一起
$('#boards')
.append($("<option></option>")
.attr("value",'')
.text("Elegir un tablero"));
$.each(boards, function(index, value) {
$('#boards')
.append($("<option></option>")
.attr("value",value.id)
.text(value.name));
arrayBoards.push(value.id);
});
Javascript更改选择:
function cambiar(){
document.getElementById("tablaSelect").style.display="block";
document.getElementById("select").value = '0'; //No se hace así porque no tengo values
}
知道如何在执行更改功能时使用“选择板”选项进行选择吗???非常感谢 :)
填充选择时添加“selected”属性
为此,您必须首先将
id
in 放入方法中以选择要放入select
的id
元素boards
,然后再执行类似的操作document.getElementById("boards").selectedIndex = 0
;但是您还必须清楚调用更改函数的位置,因为如果您希望它在您选择一个选项时出现,我在您的代码中看不到它,select
但<select class="select" onchange="cambiar();" id="boards"></select>
如果您想将其放入一个按钮,你只需要调用函数我希望事件onclick="cambiar();"
能解决你的答案