Используйте значение поля выбора, чтобы заполнить другие поля выбора - PullRequest
Новая
       4

Используйте значение поля выбора, чтобы заполнить другие поля выбора

0 голосов
/ 30 апреля 2018

как получить значение одного поля выбора и использовать его для заполнения других полей выбора? например ниже, если Volvo выбран для первого выбранного поля, я бы хотел, чтобы остальные тоже были Volvo. Но в то же время я бы хотел, чтобы каждое отдельное поле выбора оставалось изменяемым, например, После того, как я выбрал Volvo для первого поля, и каждое поле было заменено на Volvo, я все равно смогу изменить одно из выбранных полей на Audi.

ТИА 

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>


<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>


<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

1 Ответ

0 голосов
/ 30 апреля 2018

Если вы просто хотите сделать это для первого поля select, то вот способ: 

$('select:first').change(function() {
  $('select').val($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
...