Question

44

onchange select box

rated 0 times [ 47] [ 3] / answers: 1 / hits: 55710 / 12 Years ago, mon, march 19, 2012, 12:00:00

Say we have 2 different select boxes with the same number of options:

<select id=box1>

<option value=1 >1</option>

<option value=2 >2</option>

</select>



<select id=box2>

<option value=3 >3</option>

<option value=4 >4</option>

</select>

Is it possible when we select the first box to select the same option number in the second box automatically? Without jQuery if possible.

UPDATE: the values of 2 boxes are different! When we select the first value of box1 the box 2's value will automatically would be 3! and so on...

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brockg

Add To Favorites

Follow

Total Points: 55

Total Questions: 104

Total Answers: 104

Location: Hungary

Member since Wed, Nov 9, 2022

2 Years ago

brockg questions

1 Why its giving me this error # Fatal error in , line 0 # Fatal JavaScript invalid size error 169220804?

Sat, Mar 19, 22, 00:00, 2 Years ago

1 React error - is missing in props validation

Wed, Jul 21, 21, 00:00, 3 Years ago

1 How to get HTML element text using puppeteer

Fri, Feb 12, 21, 00:00, 3 Years ago

1 NPM Mac OS error: EACCES: permission denied, access '/usr/local/lib/node_modules'

Wed, May 6, 20, 00:00, 4 Years ago

1 Tensorflow JS - converting tensor to JSON and back to tensor

Thu, Jul 25, 19, 00:00, 5 Years ago

View All

answered 12 Years ago billie · Accepted Answer

Yes. Add an onChange property to the first select, then use it to call a javascript function you have written elsewhere.

<select id=box1 onChange=changeBox2(this.selectedIndex);>

<option value=1 >1</option>

<option value=2 >2</option>

</select>



<select id=box2>

<option value=1 >1</option>

<option value=2 >2</option>

</select>

W3 Schools JavaScript Events

Example on Accessing SELECT properties in JS