JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" name="search" value="" id="id_search0" disabled/>
<select id="cd-dropdown0" class="cd-select" name="select-option">
<option value="0" selected>Choose your prize</option>
<option value="1" class="search-btn" data-search="camera">Camera</option>
<option value="2" class="search-btn" data-search="diamonds">Diamonds</option>
<option value="3" class="search-btn" data-search="spaceship">Spaceship</option>
<option value="4" class="search-btn" data-search="spaceship">House</option>
</select>
<br>
<input type="text" name="search" value="" id="id_search1" disabled/>
<select id="cd-dropdown1" class="cd-select" name="select-option">
<option value="0" selected>Choose your prize</option>
<option value="1" class="search-btn" data-search="camera">Camera</option>
<option value="2" class="search-btn" data-search="diamonds">Diamonds</option>
<option value="3" class="search-btn" data-search="spaceship">Spaceship</option>
<option value="4" class="search-btn" data-search="spaceship">House</option>
</select>
<br>
<input type="text" name="search" value="" id="id_search2" disabled/>
<select id="cd-dropdown2" class="cd-select" name="select-option">
<option value="0" selected>Choose your prize</option>
<option value="1" class="search-btn" data-search="camera">Camera</option>
<option value="2" class="search-btn" data-search="diamonds">Diamonds</option>
<option value="3" class="search-btn" data-search="spaceship">Spaceship</option>
<option value="4" class="search-btn" data-search="spaceship">House</option>
</select>
JavaScript
// Prevent choosing same option in both selects
$('select[name*="select-option"]').change(function () {
var prize = $(this).find("option:selected").text();
$('select[name*="select-option"]').not(this).each(function () {
$('option', this).each(function () {
if ($(this).text() == prize) {
$(this).prop('disabled', true);
} else {
$('select[name*="select-option"] option[value="' + $(this).val() + '"]').val('0');
}
});
});
});
// Show values in input
$("#cd-dropdown0").change(function () {
$("#id_search0").keyup().val($(this).val());
});
$("#cd-dropdown1").change(function () {
$("#id_search1").keyup().val($(this).val());
});
$("#cd-dropdown2").change(function () {
$("#id_search2").keyup().val($(this).val());
});