Set Button id from javascript

Question

I have a dropdown list which filled with the data fetched from db. I need to assign the selected index value of this dropdown list as the ID of a button. Is it really possible?

my code

<select name="customer" onchange="getCustomer()"  id="customer" class="form-control" style="width: 180px !IMPORTANT;">
 <option value="">--Select Customer--</option>
                                 <?php
                                 $sql = mysqli_query($db,"SELECT * FROM customer ");
                                 while($row= mysqli_fetch_array($sql))
                                 {
                                 ?>
                                 <option value="<?php echo $row['custid'];?>"><?php echo $row['customername'];?></option>
                                 <?php
                               }
                                 ?>

 </select>
                                    </div>
                                    <button name="custbt" id="1" class="label-text col-form-label userinfo"><a href="#vCenteredModal" data-toggle="modal">Show customer details</a></button> 

  <script>
          function getCustomer()
          {
            var e = document.getElementById("customer");
            var cust = e.options[e.selectedIndex].value;
          //  alert(cust);custbt
            //document.getElementByName("custbt").id=cust;
            document.getElementByName(custbt).id=cust;

          }
    </script>

custbt is undefined, therefor document.getElementByName(custbt).id=cust; will not work. — Qirel
– Qirel, Commented Jan 28, 2019 at 11:08

MD. Jubair Mizan · Accepted Answer · 2019-01-28 11:09:52Z

2

Might be this will solve your problem. I have added a class on btn call CustomerModalBttn .

Try this

<select name="customer" id="customer" class="form-control" style="width: 180px !IMPORTANT;">
<option value="">--Select Customer--</option>
  <?php
  $sql = mysqli_query($db,"SELECT * FROM customer ");
  while($row= mysqli_fetch_array($sql)){
  ?>
     <option value="<?php echo $row['custid'];?>"><?php echo $row['customername'];?></option>
  <?php
  }
  ?>
</select>

<button name="custbt" id="1" class="label-text col-form-label userinfo CustomerModalBttn">
  <a href="#vCenteredModal" data-toggle="modal">Show customer details</a>
</button> 

<script>
  $(document).ready(function(){
     $('#customer').on('change',function(){
        $('.CustomerModalBttn').attr('id',$(this).val());
     });
  });
</script>

answered Jan 28, 2019 at 11:09

MD. Jubair Mizan

1,5801 gold badge12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

doğukan · Accepted Answer · 2019-01-28 11:12:56Z

1

IDs must begin with a letter.

<button name="custbt" id="a1" class="label-text col-form-label userinfo"><a href="#vCenteredModal" data-toggle="modal">Show customer details</a></button>

var customer = document.getElementById("customer");
    var a1 = document.getElementById("a1");

    customer.addEventListener("change",function(){
        a1.removeAttribute("id");
        a1.setAttribute("id",customer.value);
    });

edited Jan 28, 2019 at 11:12

answered Jan 28, 2019 at 11:08

doğukan

28k15 gold badges67 silver badges79 bronze badges

1 Comment

Matthew Page Over a year ago

And maybe change <option value="<?php echo $row['custid'];?>"> to <option value="a<?php echo $row['custid'];?>">

Pascal Tovohery · Accepted Answer · 2019-01-28 11:53:58Z

0

Just add some condition if ($row['custid'] == $_GET['custid']) echo 'selected', if you pass the customer id from url, and then get it with $_GET param. ...

while($row= mysqli_fetch_array($sql))
{ ?>
   <option <?php if ($row['custid'] == $_GET['custid']) echo 'selected'; ?> value="<?php echo $row['custid'];?>">
<?php echo $row['customername'];?>
</option>
<?php } ?>
...

answered Jan 28, 2019 at 11:53

Pascal Tovohery

9869 silver badges21 bronze badges

Collectives™ on Stack Overflow

Set Button id from javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related