populate 1 combo box from another

**joesstlouis** · 08-22-2012 12:13 AM

I would like to populate a combobox named field_state from another combobox named entry.parent. I would like the value of field_state to equal that of entry.parent. IE both combo boxes have the same lists of data in them preset.

**mthor1979** · 08-22-2012 09:48 AM

Code:

<html>
 <head>
  <script type="text/javascript">

   function changeFunc(a, b, c) {
	var selectBox1 = document.getElementById("selectBox1");
    var selectBox2 = document.getElementById("selectBox2");
	var selectBox1Value = selectBox1.value;
    selectBox2.value = selectBox1Value;
   }

  </script>
 </head>
 <body>
  <select id="selectBox1" onchange="changeFunc();">
   <option value="1">Option #1</option>
   <option value="2">Option #2</option>
  </select>
  <select id="selectBox2">
   <option value="1">Option #1</option>
   <option value="2">Option #2</option>
  </select>
 </body>
</html>

**joesstlouis** · 08-22-2012 11:04 AM

Is there any way to run the function from the body tag instead of inside the select box tags?

**JMRKER** · 08-22-2012 11:35 AM

Originally Posted by joesstlouis

Is there any way to run the function from the body tag instead of inside the select box tags?

What do you mean by "from the body tag"?

**joesstlouis** · 08-22-2012 11:46 AM

<body>

**Logic Ali** · 08-22-2012 11:58 AM

We'll leave the body tag alone:

Originally Posted by joesstlouis

Is there any way to run the function from the body tag instead of inside the select box tags?

Code:

<doctype html>
<html>
 <head>
 <title>Test</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script type="text/javascript">

 (function( m, s )
 {     
   function ih( obj, evt, func )
   {
     obj.attachEvent ? obj.attachEvent( 'on'+evt, func ) : obj.addEventListener( evt, func, false );     
   }
   
   function f()
   {
     var slaveBox = document.getElementById( s );
     
     ih( document.getElementById( m ), 'change', function( elem )
     { 
        slaveBox.value = ( elem.srcElement || elem.target).value;   
     } );   
   }
   
   ih( window, 'load', f );
  
 })( "selectBox1", "selectBox2" );
  
 </script>
 </head>
 <body>
  <select id="selectBox1" >
   <option value="1">Option #1</option>
   <option value="2">Option #2</option>
  </select>
  <select id="selectBox2">
   <option value="1">Option #1</option>
   <option value="2">Option #2</option>
  </select>
 </body>
</html>

**JMRKER** · 08-22-2012 01:43 PM

Originally Posted by joesstlouis

<body>

That doesn't help much.

What is it that you are trying to do?

Thread: populate 1 combo box from another

Thread Tools

Display

populate 1 combo box from another

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions