如何禁用文本框并为其指定默认值？

Question

this is my textbox with id of brgy_name:

 <select name="brgy_name" class="" style="width:240px" id="brgy_name" required >                                                         

                                        <option value="">Select Barangay</option>
                                        <option value="ALL">ALL</option>                                
                                        <?php $result = pg_query("SELECT * FROM tbl_barangay order by cbrgyname");
                                        while($row = pg_fetch_array($result)){ ?>
                                        <option value="<?php echo $row['cbrgyname']; ?>"><font style="margin-top:-20px"><?php echo $row['cbrgyname'];?></font></option>
                                        <?php } ?>

                                           </select>


<input type="hidden" id="asgn_brgy" value="<?php echo $_POST['brgy_name']; ?>">
<input type="hidden" id="frm" value="<?php echo $_POST['fromyear']; ?>">
<input type="hidden" id="to" value="<?php echo $_POST['toyear']; ?>">
<input type="hidden" id="usertype" value="<?php echo $_SESSION['admin_usertype'] ?>"> <!--ADMIN-->
<input type="hidden" id="userbrgy" value="<?php echo $_SESSION['admin_brgycode'] ?>">  <!--TAGUIBO-->

This is my script:

 <script text="text/javascript">
  var holderu = document.getElementById('usertype').value;
  var holderb = document.getElementById('userbrgy').value;
  if(holderu=='ADMIN'){


  }else{

  }

 </script>

if holderu == 'ADMIN' is true.. i want the value of holderb to be put into the textbox..

Answer 1

i hope this will help..

<script text="text/javascript">
  var holderu = document.getElementById('usertype').value;
  var holderb = document.getElementById('userbrgy').value;
  if(holderu=='ADMIN'){
      $("#brgy_name").empty();
      var select = '<option>'+holderb+'</option>';
      $("#brgy_name").append(select);
      $("#brgy_name").prop('disabled',true);
  }else{
     //your code
  }