JSFiddle - React, Tailwind, and code Playground

HTML

<form id="filter_form_id" name="filter_form" method="get" action="/retrieved_data_records">

<select id="brand_id" name="brands">
<option value="0"></option>
<option value="143272526">Brand1</option>
<option selected="selected" value="269998788">Brand2</option>
<option value="330516076">Brand3</option>
<option value="330516077">Brand4</option>

</select>
    
    
</form>

JavaScript

alert ("The val: " +  $('#brand_id').val() );    
alert ("The val: " +  $('brands').val() );  
alert ("The val: " +  $('#filter_form_id brands').val() );  
alert ("The val: " +  $('#filter_form_id => brands').val() );