[JavaScript] Automatisch invullen van waarde in textfield - Softwareontwikkeling

donderdag 27 juli 2006 11:07

Acties:

AMD MP²

Topicstarter

ik wil de waarde van een tekstveld automatisch opvullen met dezelfde waarde als diegene die in een combobox geselecteerd staat

JavaScript:

<head>
<script type="text/javascript">
function setTextfield(source,target) {
    target.text = source.text;
}
</script>
</head>

en aan de controls zelf:

HTML:

    <form name="UpdatePurposeFrm" method="post" action="UpdatePurpose">
    <input type="hidden" name="Mode" value="rename"/>
    <p>
        Hernoemen van een doel:
    </p>
    <p>
        <table class="grid">
            <thead>
                <tr>
                    <th>Doel</th>
                </tr>
            </thead>
            <tr CLASS=" ">
                <td>
                   <oe:queryresult name="purposeRes" queryStmt="purpose" dataSource="sybase" altValue="Geen doelen gevonden">
                    <select name="PurposeOld" onChange="setTextfield(window.document.UpdatePurposeFrm.PurposeOld.options[selectedIndex],window.document.UpdatePurposeFrm.PurposeDescr);">
                       <oe:foreach>
                            <option><oe:getfield name="PurposeDescr"/></option>
                       </oe:foreach>
                    </select>
                    </oe:queryresult>
                </td>
            </tr>
        </table>
        <table class="grid">
            <thead>
                <tr>
                    <th>Nieuwe naam</th>
                </tr>
            </thead>
            <tr CLASS=" ">
                <td><input type="text" name="PurposeDescr"/></td>
            </tr>
        </table>
    </p>
    <input class="azbutton" type="submit" value="Hernoem" />
    </form>

lijkt op het eerste zicht goed, alleen verandert er niets aan de control
wanneer ik echter na de target.text = source.text; een alert(target.text); aanroep geeft hij wel de goede waarde! alleen is ze nergens zichtbaar.

Siesteem Spekkies!

donderdag 27 juli 2006 11:42

Acties:

André

Analytics dude

JavaScript:

function setTextfield(source,target) {
  target.value = source.value;
} 

setTextfield(document.forms['UpdatePurposeFrm'].elements['PurposeOld'].options[selectedIndex], document.forms['UpdatePurposeFrm'].elements['PurposeDescr'])

Zo?

donderdag 27 juli 2006 11:58

Acties:

GigaTexel_BE

AMD MP²

Topicstarter

nope, wil niet werken

toch bedankt

Siesteem Spekkies!

donderdag 27 juli 2006 12:36

Acties:

reddevil

je moet .text gebruiken bij je select box en .value bij je inputfield

Kort voorbeeld:

code:

<html>
<head>
<script language="javascript">
</script>
<body>
<form name="testform">
    <select name="testSelect" onchange="alert(this.options[this.selectedIndex].text);document.testform.testInput.value=this.options[this.selectedIndex].text;">
        <option>test1</option>
        <option>test2</option>
        <option>test3</option>
    </select><br>
    <input type="text" name="testInput">
</form>
</body>
</html>

PS. eigenlijk moet je document.forms[0] ipv document.testform gebruiken, maar ach, elke browser ondersteund dit toch wel ondertussen

[ Voor 108% gewijzigd door reddevil op 27-07-2006 12:39 ]

vrijdag 28 juli 2006 08:12

Acties:

GigaTexel_BE

AMD MP²

Topicstarter

het werkt!

bedankt!

Siesteem Spekkies!