JSFiddle - React, Tailwind, and code Playground

by Kai_Draord

HTML

<input type="text" class="form-control member-search" placeholder="Search by name" id="member">
<input name="assigned_to" value="" id="assigned_to">


<!-- <select class="form-control" name="assigned_to" id="drop-down">
            <option value="">Choose team member...</option>
              <% if @m.size >= 1 and [email protected]?("data") %>
                <% @m.each do |l| %>          
                    <% if l["account_user_id"] == session[:user_id] %> 
                      <option value="<%= l["id"] %>" selected><%= l["first"] %> <%= l["last"] %></option>
                    <% else %> 
                      <option value="<%= l["id"] %>"><%= l["first"] %> <%= l["last"] %></option>
                    <% end %>
                <% end %>
              <% end %>
            </select> -->
<select name="assigned_to" id="drop-down">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

JavaScript

// set initial
  $('#assigned_to').val($('#drop-down').val());

$('#drop-down').change(function() {
  console.log('change', $(this).val());
  $('#member').val('');
  $('#assigned_to').val($(this).val());
});

$('#member').keyup(function() {
console.log();
  $('#drop-down').prop('disabled', $(this).val());
});