Как сделать одинаковый выбор в 2 списках?

Тема в разделе "JavaScript", создана пользователем Davahkiin, 4 сен 2014.

Модераторы: ZiX
  1. Davahkiin

    Davahkiin Постоялец

    Регистр.:
    20 мар 2014
    Сообщения:
    86
    Симпатии:
    3
    Есть 2 select-a (select[name='location']) на странице, как сделать что бы если в 1 выбиралось, то выбор дублировался на 2? Заранее благодарен :)
     
  2. murlo

    murlo Создатель

    Регистр.:
    8 июн 2006
    Сообщения:
    34
    Симпатии:
    33
    jQuery
    HTML:
    <script type="text/javascript" src="/sh/lib/jquery/jquery-1.5.2.min.js"></script>
    <script>
    $(document).ready(function(){
      $('select[name="location"]').change(function(){
        $('select[name="location"]').val($(this).val());
      }).change();
    });
    </script>
    <form>
      <select name="location">
        <option value="1">111</option>
        <option value="2">222</option>
        <option value="3">333</option>
      </select>
    </form>
    <form>
      <select name="location">
        <option value="1">111</option>
        <option value="2">222</option>
        <option value="3">333</option>
      </select>
    </form>
    Если надо на JavaScript - черкани. Спать не лягу - напишу.
     
    Davahkiin нравится это.
  3. Davahkiin

    Davahkiin Постоялец

    Регистр.:
    20 мар 2014
    Сообщения:
    86
    Симпатии:
    3
    спасибо, сделал по другому немного)

    Код:
    $('select[name="location"]').change(function(){
        var id = $(this).attr('id');
        id = (id == 'location_1') ? 'location_2' : 'location_1';
        $('#'+id).val($(this).val());
    });