JSFiddle - React, Tailwind, and code Playground

by nickadeemus2002

HTML

<select name="fStream">
    <option id="0" value="Home">Home</option>
    <option id="1" value="Page 1">Page 1</option>
    <option id="2" value="Page 2">Page 2</option>
    <option id="3" value="Page 3">Page 3</option>
    <option id="4" value="Page 4">Page 4</option>
</select>
<div id="result"></div>

JavaScript

$('select[name="fStream"]').change(function(){
    var optionID = $('select[name="fStream"] option:selected').attr('id');
      var optionValue = $('select[name="fStream"] option:selected').val();  
    
    $('div#result').html('you picked option with an id of: ' + optionID + ' <br /> and a value of: ' + optionValue);
});