Home Articles FAQs XREF Games Software Instant Books About Feedback Search Site-Map
irt.org logo

Q797 How can I retrieve all the selected items form all the select form fields in a form?

irt.org | Knowledge Base | JavaScript | Form 3.2 | Q797 [ previous next ]

Q797 How can I retrieve all the selected items form all the select form fields in a form?

The following demonstrates how to cycle through the form elements array picking out select boxes by name (where name includes the work 'select') or by type on browers that support JavaScript 1.1:

<FORM NAME="formName">

<SELECT NAME="select1name">
<OPTION VALUE="">Pick One:
<OPTION VALUE="apple">Apple
<OPTION VALUE="orange">Orange
<OPTION VALUE="banana">Banana
</SELECT>

<SELECT NAME="select2name">
<OPTION VALUE="">Pick One:
<OPTION VALUE="cider">Cider
<OPTION VALUE="juice">Juice
<OPTION VALUE="milkshake">Milkshake
</SELECT>

<INPUT TYPE="BUTTON" onClick="cycle()" VALUE="Check">

<BR>

<INPUT TYPE="TEXT" NAME="answer">

</FORM>

<SCRIPT LANGUAGE="JavaScript"><!--
function cycle() {
    var answer = '';
    for (var i = 0; i<document.formName.elements.length; i++) {
        if ((document.formName.elements[i].name.indexOf('select') > -1)) {
            if (document.formName.elements[i].selectedIndex != 0) {
                answer += document.formName.elements[i].options[document.formName.elements[i].selectedIndex].value + ' ';
            }
        }
    }
    document.formName.answer.value = answer;
}
//--></SCRIPT>

<SCRIPT LANGUAGE="JavaScript1.1"><!--
function cycle() {
    var answer = '';
    for (var i = 0; i<document.formName.elements.length; i++) {
        if ((document.formName.elements[i].type == 'select-one')) {
            if (document.formName.elements[i].selectedIndex != 0) {
                answer += document.formName.elements[i].options[document.formName.elements[i].selectedIndex].value + ' ';
            }
        }
    }
    document.formName.answer.value = answer;
}
//--></SCRIPT>

Feedback on 'Q797 How can I retrieve all the selected items form all the select form fields in a form?'


Provide feedback ...
AddThis Social Bookmark Button

Provide feedback ... AddThis Social Bookmark Button


Last Updated: 30th March 2008. Maintained by: Martin Webb and Michel Plungjan
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.
Copyright © 1996-2008 irt.org, All Rights Reserved.