Categories:

Home / Free JavaScripts / Forms / Here

Cut & Paste Editable Select Box

Credit: Teo Cerovski

Description: Make any select box on your page editable using this script! Extremely easy to install, your select box's option values can now be modified by the user.

Example:

Directions:

Step 1: Download "editableSelectBox.js" (right click, and select "Save As"), and upload to your web page directory:

Step 2: Reference the above external .js file on your page, and then add the following onClick/onBlur event handlers inside the select element in question:

<SCRIPT language="javascript" type="text/javascript" src="editableSelectBox.js">
/**--------------------------
//* Editable Select Box script- By Teo Cerovski (teoDOTcerovski[at]gmailDOTcom)
//* For this script and 100s more, visit http://www.javascriptkit.com
---------------------------**/
</SCRIPT>

<form>
<select name="test" size="5" onClick="beginEditing(this);" onBlur="finishEditing();" style="width:250px;">
<option value="test">test 01</option>
<option value="test">test 02</option>
</select>
</form>

That's it! Your select box is now editable.


JavaScript Tools:
Site Info

CopyRight 1998-2014 JavaScript Kit. NO PART may be reproduced without author's permission.