[JavaScript / HTML] Rest-info dropdown naar een textbox - Softwareontwikkeling

vrijdag 26 september 2003 15:53

Acties:

Topicstarter

Laat ik beginnen met te zeggen dat ik meer een VBScript fan ben ipv een JavaScript fan. In mijn situatie heb ik alleen de optie voor javascript(wegens beperkingen oudere browser, ik werk namelijk voor een pocket pc internet-applicatie).

Dit probeer ik te maken:

Ik heb een internetapplicatie die zijn data verkrijgt uit een database. Hierin heb ik een dropdown-box met codes van een artikel. Zodra er een artikel geselecteerd wordt, moet er client-side informatie over dit artikel in een textbox gezet worden.

De problemen die ik heb zijn:
1 - alle informatie moet client-side staan (hoe doe je dit?)
2 - als een item geselecteerd wordt, moet ik uit de collectie (van punt 1) de respectievelijke waarden selecteren (hoe kun je zoeken binnen javascript?)

Ik hoop dat jullie me met deze situatie kunnen helpen..

mvg,

Stormer

vrijdag 26 september 2003 15:54

Acties:

curry684

left part of the evil twins

P&W FAQ - HTML / javascript /css, etc...

Hup over de schutting

Professionele website nodig?

vrijdag 26 september 2003 16:06

Acties:

André

Analytics dude

Antwoord op beide vragen is: Arrays.

Je kunt alle info die nodig is in een js array neerzetten. En als dan een waarde geselecteerd word kun je met js die array doorzoeken.

Je kunt de indexOf functie met een prototype wel aan het array object hangen (zoekt makkelijk).

vrijdag 26 september 2003 16:34

Acties:

Stormer

Topicstarter

Sorry voor de verkeerde plaats van het bericht, die regel was me nog niet opgevallen.

Bedankt voor het inzicht André, ik wist nml niet dat javascript arrays ondersteunde... Zo leer je elke dag weer meer

vrijdag 26 september 2003 16:40

Acties:

André

Analytics dude

Kijk vooral even in dit topic, dan kun je zien wat javascript allemaal ondersteund:

[rml][ DHTML] Contest 2003[/rml]

vrijdag 26 september 2003 18:47

Acties:

Verwijderd

Uit de semi-losse (RSI, he) pols:

JavaScript:

var _aMyData = new Array();
_aMyData['Eerste item'] = 'Het eerste item is leuk';
_aMyData['Tweede item'] = 'Het tweede item is niet zoleuk';
_aMyData['Derde item'] = 'Het derde item is ook leuk';


function init() {
    var oSelect = document.getElementById('select1');
    for(var i in _aMyData) {
        oSelect.options[oSelect.options.length] = new Option(i,i,false,false);
    }
}

function showInfo( oSelect ) {
    var oInput = document.getElementById('input1');
    var sValue = oSelect.options[oSelect.selectedIndex].value;
    var oInfo = _aMyData[sValue];
    if(oInfo) oInput.value = oInfo;
    else oInput.value = 'Selecteer een optie';
}

HTML:

<body onload="init();">
    <form action="">
        <div>
            <select id="select1" name="select1" onchange="showInfo(this);">
                <option>Selecteer een optie</option>
            </select>
        </div>
        <div>
            <input type="text" id="input1" name="input1" value="Selecteer een optie" />
        </div>
    </form>
</body>

Hier moet je wel mee uit de voeten kunnen, dacht ik.

[ Voor 17% gewijzigd door Verwijderd op 26-09-2003 18:48 ]