Philip Lacey at 19:26, 9 November 2014

2014-11-09T19:26:13Z

Philip Lacey: Philip Lacey moved page Select option manipulation to JavaScript - Select option manipulation without leaving a redirect

2014-09-09T20:21:20Z

Philip Lacey moved page Select option manipulation to JavaScript - Select option manipulation without leaving a redirect

Philip Lacey at 20:01, 9 September 2014

2014-09-09T20:01:12Z

Philip Lacey: Created page with "There are a number of scenarios when playing with BeX where you will want to insert or remove items from drop down lists, i.e. manipulation of select types. Playing with the..."

2014-09-09T19:58:03Z

Created page with "There are a number of scenarios when playing with BeX where you will want to insert or remove items from drop down lists, i.e. manipulation of select types. Playing with the..."

New page

There are a number of scenarios when playing with bxp where you will want to insert or remove items from drop down lists, i.e. manipulation of select types.

Playing with these types requires good JavaScript skills. All too often you see in Google searches dependance on JQuery or equivalent.

Here is a cross broswer compatible suite of functions which allow manipulation of a select box. Built into the example is a suite of testing functions to demonstrate the usage of the functions.

== The JavaScript ==

<syntaxhighlight lang="javascript">

<script language="JavaScript" type="text/javascript">

</script>

</syntaxhighlight>

== The HTML ==

<syntaxhighlight lang="html4strict">

<form>
<input type="button" value="»" onclick="count1++; fn_Select_InsertStart ( 'selectX', count1, count1);" />
Insert First<br />
<input type="button" value="»" onclick="fn_Select_RemoveStart ( 'selectX' );" />
Remove First<br />
<input type="button" value="»" onclick="count1++; fn_Select_InsertSelected ( 'selectX', count1, count1);" />
Insert Before Selected<br />
<input type="button" value="»" onclick="fn_Select_RemoveSelected( 'selectX' );" />
Remove Selected<br />
<select id="selectX" size="10" multiple="multiple">
<option value="original1" selected="selected">Orig1</option>
<option value="original2">Orig2</option>
</select>
<br />
<input type="button" value="»" onclick="count2++; fn_Select_InsertEnd ( 'selectX', count2, count2);" />
Insert last<br />
<input type="button" value="»" onclick="fn_Select_RemoveEnd( 'selectX' );" />
Remove Last
</form>

</syntaxhighlight>

← Older revision		Revision as of 19:26, 9 November 2014
Line 148:		Line 148:

	</syntaxhighlight>		</syntaxhighlight>
		+
		+
		+
		+	[[Category:Module Specific:Form Management]]
		+	[[Category:Topic:JavaScript]]

← Older revision	Revision as of 20:21, 9 September 2014
(No difference)

@@ Line 2: / Line 2: @@
-Playing with these types requires good JavaScript skills.  All too often you see in Google searches dependance on JQuery or equivalent.
+Playing with these types requires good JavaScript skills.  All too often you see in Google searches coders showing dependance on JQuery or equivalent.
-Here is a cross broswer compatible suite of functions which allow manipulation of a select box.  Built into the example is a suite of testing functions to demonstrate the usage of the functions.
+Here is a cross broswer compatible suite of functions which allow manipulation of select options.  Built into the example is a suite of testing functions to demonstrate the usage of the functions.
 == The JavaScript ==

JavaScript - Select option manipulation - Revision history

Philip Lacey at 19:26, 9 November 2014

Philip Lacey: Philip Lacey moved page Select option manipulation to JavaScript - Select option manipulation without leaving a redirect

Philip Lacey at 20:01, 9 September 2014

Philip Lacey: Created page with "There are a number of scenarios when playing with BeX where you will want to insert or remove items from drop down lists, i.e. manipulation of select types. Playing with the..."