JSFiddle - React, Tailwind, and code Playground

HTML

<select name="type1" id="type1">
    <option value="Listing Discrepancy">Listing Discrepancy</option>
    <option value="PO Discrepancy">PO Discrepancy</option>
    <option value="Pricing Discrepancy">Pricing Discrepancy</option>
    <option value="Program Glitch">Program Glitch</option>
    <option value="Receiving Discrepancy">Receiving Discrepancy</option>
    <option value="RMA Discrepancy">RMA Discrepancy</option>
    <option value="Sales Discrepancy">Sales Discrepancy</option>
    <option value="Shipping Discrepancy">Shipping Discrepancy</option>
</select>
<button id="sub">sub</button>

JavaScript

$(document).ready(function () {
     $("#sub").click(function () {
         var user_issue = $("#issue").val();
         var user_priority = $("#priority").val();
         var user_type = $("#type1").val();
         $("#type1").val('Listing Discrepancy');
         $.post("BugReport.php", {
             issue: user_issue,
             priority: user_priority,
             type1: user_type
         }, function (data) {
             $("#result").html(data);
             //location.reload(true);
         });
         $.post('BugDisplay.php', {}, function (data) {
             $("#BugDisplay").html(data);
         });
         document.getElementById('issue').value = '';
       
     });
     $.post('BugDisplay.php', {}, function (data) {
         $("#BugDisplay").html(data);
     });
 });