Parsing a form menu

esheard · March 10th, 2004, 08:36 AM

I need to parse a menu result value into two other input fields. The values are comma separated.

Here is the example:

<form action="" method="get">
  <p>Vendor Name: <input name="VendorName" type="text">
    <br>Vendor Number: <input name="VendorNumber" type="text"><br>
    List of Current Vendors:
            <select name="select">
              <option value="Apple,0000">Apple,0000</option>
              <option value="APPLE COMPUTER INC,2956">APPLE COMPUTER INC,2956</option>
              <option value="APPLE COMPUTER INC,2957">APPLE COMPUTER INC,2957 </option>
    </select></p></form>

Edward C. Sheard, CCP
Project Leader-Web Services
Madison Area Technical College
3550 Anderson Street
Madison, WI     53704-2599
Phone:  (608) 246-6129  
FAX:  (608) 246-6329
Web:  http://matcmadison.edu
Department of Educational Technology and Services (DoETS)

joefawcett · March 10th, 2004, 08:51 AM

Use split method of String.prototype which creates an array:

Code:

function showData(Listbox)
{
  var iIndex = Listbox.selectedIndex
  if (iIndex == -1) return;  
  var sValue = Listbox.options[iIndex].value;
  var arrData = sValue.split(",");
  alert(arrData[0]);
  alert(arrData[1]); 
}

Add onchange="showData(this);" to the select tag. You'll need to be sure that the value cannot contain any commas as data. Better if you used something unlikely to appear in text such as pipe character | if possible. Better still, have an array containing the data and have the value as the relevant index into this array.

--

Joe

esheard · March 11th, 2004, 09:35 AM

Out Standing !!!

Thank you joefawcett :D

I took your suggestion and used the pipe. It works great!

Edward C. Sheard, CCP
Project Leader-Web Services
Madison Area Technical College
3550 Anderson Street
Madison, WI 53704-2599
Phone: (608) 246-6129
FAX: (608) 246-6329
Web: http://matcmadison.edu
Department of Educational Technology and Services (DoETS)