Question

So basically I need to make feature that if you select something from first select box, it will be automatically selected in second select box too, and if you will change anything in second select box, it will be changed automatically in first select box too. Here is how far I’m currently am, I have fixed, if someoen changes the first select box value, but I’m not sure how to make the second select box value the same as first, and vice versa. – http://jsfiddle.net/3Tt7N/5/

Hope you can help me with this ;)!

Answer 1

Basically, what you need to do is gather the value ‘.val()’ of the first table, and set that as the parameter for the second tables’ .val(). It could potentially look like this

$("#table2").val( $("#table1").val(cars) ); 

But that’s just ugly… so instead, we assign it to a var (one you chose to name cars) and pass that variable into the corresponding tables ‘.val()’ method.

$("#table1").change( function() {
  var cars = $("#table1").val();
  $("#table2").val(cars);
});

$("#table2").change( function() {
  var cars = $("#table2").val();
  $("#table1").val(cars);
});

Proof: http://jsfiddle.net/iredmedia/jPNYK/