www.webdeveloper.com
Results 1 to 1 of 1

Thread: No Duplicates Script

  1. #1
    Join Date
    Dec 2002
    Posts
    1

    Question No Duplicates Script

    I'm trying to modify the No Duplicates script so that iterms not selected from the second dropdown box automatically populate a third dropdown, but am not having much luck. Any ideas?

    <!--

    Script Name: No Duplicates

    Website URL: http://javascript.internet.com/forms/no-duplicates.html

    Description: Prevents you from selecting the same choice when choosing from two different pulldown menus.

    -->


    <!-- TWO STEPS TO INSTALL NO DUPLICATES:

    1. Copy the coding into the HEAD of your HTML document
    2. Add the last code into the BODY of your HTML document -->

    <!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

    <HEAD>

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Original: Denis Dijon (ddijon@hotmail.com) -->
    <!-- Web Site: http://213.177.134.20 -->

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- 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>

    <!-- STEP TWO: Copy this code into the BODY of your HTML document -->

    <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_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>

    <p><center>
    <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
    by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
    </center><p>

    <!-- Script Size: 2.34 KB -->
    Last edited by fuzzyboots; 12-09-2002 at 03:29 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles