Ki kell választanom egy lehetőséget egy html fájlból:
<select id="color">
<option>red</option>
<option>yellow</option>
<option>green</option>
<option>orange</option>
</select>
például zöldet akarok választani. már próbáltam:
var color = "green"
document.getElementById("color").options.value = color;
document.getElementById("color").value = color;
de nem működnek. (az opció címkéjének név, azonosító, ... nélkül kell lennie)
value="colorname" értéket adna az opciós címkéihez, akkor a document.getElementById("color").value = color; segítségével be kell tudnia állítani 01.04.2021 Módosítsa a HTML-kódját erre;
<select id="color">
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="green">green</option>
<option value="orange">orange</option>
</select>
Ekkor a következő JavaScriptnek működnie kell;
var color = "green"
document.getElementById("color").value = color;
Egy részlet példaként;
var color = "green"
document.getElementById("color").value = color;
console.log( document.getElementById("color").value );<select id="color">
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="green">green</option>
<option value="orange">orange</option>
</select>Ha az value attribútumok hozzáadása bármilyen okból nem lehetséges, akkor a végén át kell lépnie az opciócímkék között, és ezen keresztül kell kiválasztania őket.
function selectColor( color )
{
var select = document.getElementById("color");
for ( var i=0; i<select.childNodes.length; i++ ) {
if ( select.childNodes[i].textContent === color ) {
select.childNodes[i].selected = true;
return true;
}
}
return false;
}
selectColor("green");
console.log( document.getElementById("color").value );<select id="color">
<option>red</option>
<option>yellow</option>
<option>green</option>
<option>orange</option>
</select>
