Как одному select передать значения другого?

Question

mrDu @mrDu

Как одному select передать значения другого?

Есть два selekt'a, оба заполняются сборкой. Первый селект - номера, второй - количество человек заселяющихся в номер. В data-docid второго селекта, передаются value первого. Сама задача - когда мы выбираем номер, нужно чтобы во втором селекте отобразилось количество человек соответствующие данному номеру... а именно - нужно чтобы во втором селекте убирался style="display:none;" у тех option, что соответствуют value номера. Помогите пожалуйста. Сам в JS не селен, только осваиваю, а задачу поставили.

<select class="order__input order__input-select order__select pad" id="room" name="room" value="">
    <option value="11">Номер 1</option>
    <option value="12">Номер 2</option>
    <option value="24">Номер для молодоженов</option>
    <option value="25">Номер 4</option>
    <option value="26">Номер 5</option>
    <option value="27">Номер 6</option>
    <option value="28">Номер 7</option>
</select>

<select class="order__input order__input-select order__select pad" id="persons" name="persons" value="">
	<option data-price="5100" value="1" data-docid="11" style="display:none;">1</option>
	<option data-price="5100" value="2" data-docid="11" style="display:none;">2</option>
	<option data-price="5750" value="3" data-docid="11" style="display:none;">3</option>
	<option data-price="6500" value="4" data-docid="11" style="display:none;">4</option>
	<option data-price="7250" value="5" data-docid="11" style="display:none;">5</option>
	<option data-price="8000" value="6" data-docid="11" style="display:none;">6</option>
	
	<option data-price="4000" value="1" data-docid="12" style="display:none;">1</option>
	<option data-price="4750" value="2" data-docid="12" style="display:none;">2</option>
	<option data-price="5550" value="3" data-docid="12" style="display:none;">3</option>
	<option data-price="6250" value="4" data-docid="12" style="display:none;">4</option>
	
	<option data-price="4500" value="1" data-docid="24" style="display:none;">1</option>
	<option data-price="4500" value="2" data-docid="24" style="display:none;">2</option>
	
	<option data-price="3000" value="1" data-docid="25" style="display:none;">1</option>
	<option data-price="3750" value="2" data-docid="25" style="display:none;">2</option>
	
	<option data-price="3000" value="1" data-docid="26" style="display:none;">1</option>
	<option data-price="3750" value="2" data-docid="26" style="display:none;">2</option>
	
	<option data-price="4000" value="1" data-docid="27" style="display:none;">1</option>
	<option data-price="4750" value="2" data-docid="27" style="display:none;">2</option>
	<option data-price="5550" value="3" data-docid="27" style="display:none;">3</option>
	<option data-price="6250" value="4" data-docid="27" style="display:none;">4</option>
	
        <option data-price="4000" value="1" data-docid="28" style="display:none;">1</option>
	<option data-price="4750" value="2" data-docid="28" style="display:none;">2</option>
	<option data-price="5550" value="3" data-docid="28" style="display:none;">3</option>
	<option data-price="6250" value="4" data-docid="28" style="display:none;">4</option>
</select>