Met
document.getElementById('city').value = http.responseText;
krijg ik nu een waarde in een tekstbox. Deze wil ik in een listbox, maar hoe doe ik dit?
En weet iemand een website/overzicht met welke eigenschap bij welke formulier-element hoort?
Nee helaas, dat is het niet kennelijk. Ik heb het geprobeerd door de select het id en name City te geven, en door bij een option het id en name City in te vullen.
Heeft het misschien iets maken met het stukje "http.responseText"?
euh.... he? :-D
Mijn vraag is onderdeel van een groot ajax-script.
Ik haal met een query een naam op. Deze naam wordt teruggegeven naar aan een pagina, die de naam in een tekstvak plaatst (met document.getElementById('city').value = http.responseText; dus). Nu wil ik in plaats van een tekstbox de naam in een listbox hebben.
Ik heb een id en name ingevuld bij de select, en bij de option, maar niks. Als ik bij de query de tag <option> ervoor zet, gebeurt er ook niks. Als ik vervolgens het tekstvak gebruik, krijg ik <option>Angola als uitvoer.
Euh... was dit een beetje een antwoord op je vraag Jan?
Ik heb een voorbeeldscriptje gemaakt waarin je kunt zien hoe het moet. Je benadert de text van een option in ieder geval zo:
document.getElementById('selectbox').options[0].text
om bijvoorbeeld de tekst van de 1ste optie uit de select aan te passen. Voorbeeldscript:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fill Optiontext</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
window.onload = init;
var _select1;
function init () {
_select1 = document.getElementById ('select1');
_select1.options[0].text = 'ziezo';
}
</script>
</head>
<body>
<form>
<select id="select1">
<option value="1">een</option>
<option value="2">twee</option>
<option value="3">drie</option>
</select>
</form>
</body>
</html>