Uitbreiden van Formvelden incl js

Status
Niet open voor verdere reacties.
R

Rene1987

Nieuwe gebruiker
Lid geworden
12 apr 2010
Berichten
2
Beste mede helpmij-ers,

ik heb een vraagje: Ik kwam een scriptje tegen op internet.
En wil deze gaan gebruiken voor mijn website. Alleen wil hem graag uitbreiden met 4 extra velden, maar zou niet weten hoe ik dat moet doen..

Wie kan me helpen???
alvast dank.

[JS]<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var OptLstTxt = new Array;
var OptLstVal = new Array;
var OptLen = 0;
function NoDupl(SelObjFrom, SelObjTo) {
var OldToVal = SelObjTo.options[SelObjTo.selectedIndex].value;
if (OptLen == 0) {
OptLen = SelObjFrom.length;
for (var i = 1; i < OptLen; i++) {
OptLstTxt = SelObjFrom.options.text;
OptLstVal = SelObjFrom.options.value;
}
}
var j = 1;
for (var i = 1; i < OptLen; i++) {
if (OptLstVal != SelObjFrom.options[SelObjFrom.selectedIndex].value) {
if (j == SelObjTo.length) {
SelObjTo.options[j] = new Option(OptLstTxt);
}
else {
SelObjTo.options[j].text = OptLstTxt;
}
SelObjTo.options[j].value = OptLstVal;
if (OptLstVal == OldToVal) {
SelObjTo.selectedIndex = j;
}
j++;
}
}
if (SelObjTo.length > j)
SelObjTo.options[(SelObjTo.length - 1)] = null;
}
// End -->
</script>[/JS]

HTML: 
<form method="POST" name="MForm">
Try to select the same color:
<br>
<select name="Color_1" onChange="NoDupl(this,document.MForm.Color_2)">
<option selected value=''>Select your first prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="Color_2" onChange="NoDupl(this,document.MForm.Color_1)">
<option selected value=''>Select Second Prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
</form>
 
volgende keer graag je hele code in 1 block
nu mis ik html enz...

kweet niet precies wat de bedoeling is maar hier zijn 4 velden

Byee VRC

HTML: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>???</title>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var OptLstTxt = new Array;
var OptLstVal = new Array;
var OptLen = 0;

function NoDupl(SelObjFrom, SelObjTo) {
var OldToVal = SelObjTo.options[SelObjTo.selectedIndex].value;
if (OptLen == 0) {
OptLen = SelObjFrom.length;
for (var i = 1; i < OptLen; i++) {
OptLstTxt[i] = SelObjFrom.options[i].text;
OptLstVal[i] = SelObjFrom.options[i].value;
   }
}
var j = 1;
for (var i = 1; i < OptLen; i++) {
if (OptLstVal[i] != SelObjFrom.options[SelObjFrom.selectedIndex].value) {
if (j == SelObjTo.length) {
SelObjTo.options[j] = new Option(OptLstTxt[i]);
}
else {
SelObjTo.options[j].text = OptLstTxt[i];
}
SelObjTo.options[j].value = OptLstVal[i];
if (OptLstVal[i] == OldToVal) {
SelObjTo.selectedIndex = j;
}
j++;
   }
}
if (SelObjTo.length > j)
SelObjTo.options[(SelObjTo.length - 1)] = null;
}
//  End -->
</script>


</head>
<body>
<form method="POST" name="MForm">
Try to select the same color:
<br>
<select name="Color_1" onChange="NoDupl(this,document.MForm.Color_2)">
<option selected value=''>Select your first prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="Color_2" onChange="NoDupl(this,document.MForm.Color_3)">
<option selected value=''>Select second prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="Color_3" onChange="NoDupl(this,document.MForm.Color_4)">
<option selected value=''>Select third prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
<select name="Color_4" onChange="NoDupl(this,document.MForm.Color_1)">
<option selected value=''>Select fourth prefered color</option>
<option value='R'>Red</option>
<option value='J'>Yellow</option>
<option value='G'>Green</option>
<option value='B'>Blue</option>
</select>
</form>
</body>
</html>
 
Update vraagstelling

Sorry dat ik niet helemaal duidelijk ben geweest..

Ik wil iets maken dat je een 6 dropdownboxen hebt met een x-aantal mogelijkheden (bv 10).
Als men bij dropbox 1 de keuze maakt voor de kleur rood, dan moet deze bij de andere 5 niet meer worden weergegeven.

De oplossing die jij net gaf. Heb ik ook geprobeerd, maar dan kan ik bij optie 3 of 4 ook de keuze maken die ik in dropdownbox 1 heb gemaakt...

Hopelijk is het nu wat duidelijker...
 
Rene1987 zei:
Sorry dat ik niet helemaal duidelijk ben geweest..

Ik wil iets maken dat je een 6 dropdownboxen hebt met een x-aantal mogelijkheden (bv 10).
Als men bij dropbox 1 de keuze maakt voor de kleur rood, dan moet deze bij de andere 5 niet meer worden weergegeven.

De oplossing die jij net gaf. Heb ik ook geprobeerd, maar dan kan ik bij optie 3 of 4 ook de keuze maken die ik in dropdownbox 1 heb gemaakt...

Hopelijk is het nu wat duidelijker...
Klik om te vergroten...

Hiervoor zal je javascript code niet kunnen gebruiken hoe die nu is omdat je alleen 1 parameter kan doorgeven.
wat je kan doen is nieuwe js functie schrijven of de huidige uitbreiden.

Byee VRC
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan