JSFiddle - React, Tailwind, and code Playground

HTML

<select id="ddlList">
  <option value="1">Ajax</option>
  <option value="2">ASP.NET</option>
  <option value="3">C#</option>
  <option value="4">Silverlight</option>
  <option value="5">SQL</option>
  <option value="6">jQuery/Javascript</option>
</select>

<br/><br/>
<input type="button" id="btnSelectedIndex" Value="Get Selected Index" />
&nbsp;&nbsp;
<input type="button" id="btnSelectedText" Value="Get Selected Text" />
&nbsp;&nbsp;
<input type="button" id="btnSelectedValue" Value="Get Selected Value" />
&nbsp;&nbsp;
<input type="button" id="btnDropdownText" Value="Get DropDown Text" /> 
<br/><br/>
<input type="button" id="btnSelectLastElement" Value="Select Last Element" />
&nbsp;&nbsp;<input type="button" id="btnChangeSelectedIndex" Value="Select item at index 1" />
&nbsp;&nbsp;
<input type="button" id="btnSetddlByValue" Value="Select item with value 3" />
&nbsp;&nbsp;
<input type="button" id="btnSetddlByText" Value="Set DDL containing Text c#" /> 
<br/><br/>
<input type="button" id="btnAppendStart" Value="Append select one as first item" />
&nbsp;&nbsp;
<input type="button" id="btnAppendEnd" Value="Append vb.net as last item" />


<br/><br/>
<input type="button" id="btnRemoveSelected" Value="Remove selected item" />
&nbsp;&nbsp;
<input type="button" id="btnRemoveSelectedByVal" Value="Remove selected Item with Value 2" />
&nbsp;&nbsp;
<input type="button" id="btnRemoveSelectedByText" Value="Remove selected  Item with Text 'HTML'" />
<br/><br/>

<input type="button" id="btnReset" Value="Reset All" /><br/><br/>
<input type="button" id="btnDisableByValue" Value="Disable Item with Value 1" />
&nbsp;&nbsp;
<input type="button" id="btnDisableByText" Value="Disable Item By Text 'SQL'" />
<br/>
<input type="button" id="btnEnableByValue" Value="Enable Item with  value 4" />&nbsp;&nbsp;
<input type="button" id="btnEnableByText" Value="Enable Item with Text 'SQL'" /><br/><br/>
<select id="ddlRemoveFirst">
  <option value="1">Ajax</option>
  <option...

JavaScript

$(document).ready(function(){
    $('#btnSelectedValue').click(function(){
        alert($('#ddlList').val());
    });
    
     $('#btnSelectedText').click(function(){
      alert($('#ddlList option:selected').text());
    });
    
    
    $('#btnDropdownText').click(function(){
      alert($('#ddlList').text());       
    });
    
    $('#btnSelectedIndex').click(function(){
      alert($("#ddlList").get(0).selectedIndex);     
    });
    
    $('#btnSelectLastElement').click(function(){  
        $("#ddlList option:last-child").attr("selected","selected");
    });
     $('#btnChangeSelectedIndex').click(function(){
       $("#ddlList").get(0).selectedIndex = 1;
    });
    
     $('#btnSetddlByValue').click(function(){
       $("#ddlList").val(3);
    });
       
    $('#btnSetddlByText').click(function(){
        $('#ddlList option:contains("c#")').attr("selected","selected");
    });
    $('#btnAppendStart').click(function(){
      $("#ddlList").prepend("<option value='0' selected='selected'>--Select one-- </option>");
    });
    
     $('#btnAppendEnd').click(function(){
        $("<option value='6'>Vb.Net</option>").appendTo("#ddlList");
    });       
     $('#btnRemoveSelected').click(function(){
       $('#ddlList option:selected').remove();
    });
    
    $('#btnRemoveSelectedByVal').click(function(){
      $('#ddlList option[value="2"]').remove();
    });
    
     $('#btnRemoveSelectedByText').click(function(){
         $('#ddlList option:contains("HTML")').remove();
    });
        
    $('#btnRemoveAllExcludingFirst').click(function(){
       $('#ddlRemoveFirst option:not(:first)').remove();  
    });
    
    $('#btnRemoveAllExcludingLast').click(function(){
        $('#ddlRemoveLast option:not(:last)').remove();
    });
    
    $('#btnRemoveAll').click(function(){  
       $("#ddlRemoveAll").empty();
    });
    
    $('#btnReset').click(function(){  
       var options = '<option value="1">Ajax</option>' +
                      '<option...