Tengo un select que relleno dinamicamente con datos que recibo en un JSON, el usuario elige despues un valor y continua utilizando la aplicación, estoy intentando que al volver a mostrar ese select al pulsar un boton me vualva a aparecer con un option predeterminado que esta definido como "Elegir tablero" pero no consigo cambiar el selec desde Javascript para que muestre esa opción, tengo esto imlementado 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 para llenar el select: //Montar el select con los tableros
$('#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 para cambiar el select:
function cambiar(){
document.getElementById("tablaSelect").style.display="block";
document.getElementById("select").value = '0'; //No se hace así porque no tengo values
}
Alguna idea de cómo hacer que al ejecutar la función cambiar se muestre el select con la opcion "Elegir tablero"??? muchas gracias :)
value
distinto altext
, o no estas pudiendo seleccionar eloption
?