JavaScript Forum

**empiresolutions** · 05:15 AM

Why wont this work? checkFields() iF statment is failing. The select must be set to multiple. Thanks.

Code:

<form method="POST" action="" name="this_form" onSubmit="return checkFields();">
    <select name="this_select[]" multiple>
        <option value="ts1">ts1</option>
        <option value="ts2">ts2</option>
        <option value="ts3">ts3</option>
        <option value="ts4">ts4</option>
    </select>
</form>

Code:

<script language="Javascript">
<!--
function checkFields(){
    var errormsg = "";
    if (document.this_form.this_select.value == "") { var errormsg = errormsg + "Please Select an Value.\n\r"; }
    if (errormsg != "") { alert(errormsg); return false; }
}
//-->
</script>

**empiresolutions** · 06-05-2007, 01:57 PM

solution:

Code:

document.this_form.elements['this_select[]'].value

**mgraphic** · 06-05-2007, 02:43 PM

or this may also work:

document.this_form.this_select[0].value

**JeremyMiller** · 06-06-2007, 02:34 PM

If you change to add an id:

HTML Code:

<form method="POST" action="" name="this_form" onSubmit="return checkFields();">
    <select name="this_select[]" id="this_select[]" multiple>
        <option value="ts1">ts1</option>
        <option value="ts2">ts2</option>
        <option value="ts3">ts3</option>
        <option value="ts4">ts4</option>
    </select>
</form>

Then, you can use

Code:

<script language="Javascript">
<!--
function checkFields(){
    var errormsg = "";
    if (document.getElementById('this_select[]').options[ document.getElementById('this_select[]').options.selectedIndex].value == "") { var errormsg = errormsg + "Please Select an Value.\n\r"; }
    if (errormsg != "") { alert(errormsg); return false; }
}
//-->
</script>

**empiresolutions** · 06-06-2007, 06:10 PM

thanks. this is probably more cross browser friendly.