Jag håller på och gör en fakturerings funktion, och då vill jag på samma sida som jag väljer kund, vilket jag gör i en select. När jag ändrar i denna select vill jag ändra innehållet i en annan select, se exempel neranför: Tack ska du ha! Det hjälpte mig en bra bit på vägen!! PrövaÄndring i SELECT med hjälp av JavaScript?!
<select name="select1" size="10" onchange="byt_data_i_select2()">
<option value="1">Kund 1</option>
<option value="2">Kund 2</option>
</select>
Nu vill jag ändra select2 nedan beroende på om jag har "kund 1" eller "kund 2" markerat i select1 ovan.
Om "kund 1" är markerat:
<select name="select2" size="10">
<option value="1">Projekt 1</option>
<option value="2">Projekt 2</option>
</select>
Om "kund 2" är markerat:
<select name="select2" size="10">
<option value="3">Projekt 3</option>
<option value="4">Projekt 4</option>
</select>
Hur kan jag lösa detta utan att ladda om sidan, antar att det måste gå att fixa på något sätt...men hur??? Tacksam för svar!Sv: Ändring i SELECT med hjälp av JavaScript?!
<script type="text/javascript">
var allaProjekt = new Object;
allaProjekt[1] = [ "Projekt 1", "Projekt 2" ];
allaProjekt[2] = [ "Projekt 3", "Projekt 4", "Projekt 5" ];
var defaultKund = 1;
function updateProjekt(kund)
{
var projekt = kund.form.projekt;
projekt.options.length = 0;
var projektLista = allaProjekt[kund.value];
for(var i=0; i<projektLista.length; i++) {
var option = new Option(projektLista[i]);
projekt.options[i] = option;
}
}
function init()
{
updateProjekt(document.forms["f"].kund);
}
</script>
<body onload="init()">
<form name="f">
<select name="kund" onchange="updateProjekt(this)">
<option value="1">Kund 1</option>
<option value="2">Kund 2</option>
</select>
<select name="projekt">
</select>
</form>
</body>
Sv:Ändring i SELECT med hjälp av JavaScript?!
Men det är fortfarande en sak som jag inte förstår, det är hur jag ändrar value samtidigt?
Jag har ju fått det att funka så option byts ut, men inte value?!
Har testat lite men kan inte lösa det själv! Sv: Ändring i SELECT med hjälp av JavaScript?!
var option = new Option(projektLista[i], projektLista[i]);