jquery - is there a way to dynamically change the value and display of a select tag in javascript? -

this question has answer here:

• reset select value default 18 answers

here javascript inside of html file:

<script>                     $(document).ready(function(){                         $("#sub").click(function(){                             var user_issue = $("#issue").val();                             var user_priority = $("#priority").val();                             var user_type = $("#type1").val();                             $.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='';                             document.getelementbyid('type1').value='listing discrepancy';  //this attempt @ solving problem.                         });                         $.post('bugdisplay.php',{},function(data){                                 $("#bugdisplay").html(data);                             });                     });                 </script> 

here 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> 

what want on click change select statement resets default display of "listing discrepency" , assign value "listing discrepency".

you need change selectedindex property of select first 0 item.

html:

<button class="reset">reset</button>   

jquery:

$(".reset").click(function () {     $('#type1').prop('selectedindex', 0); }); 

or pure javascript:

document.getelementbyid("type1").selectedindex = "0"; 

working example.