Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

bipin's avatar
Level 2

how to pass dynamic selector value to jquery

Hello guys here, i m trying to get dynamic input id value into jquery here is my view

                       <select class="selectpicker form-control " id="applicantstatus[{{$s->id}}]" name="applicantstatus[{{$s->id}}]" data-style="btn-info btn btn-xs" data-posttd="{{$s->id}}" data-width="auto" >  <option >Select</option>
                                  <option   value="Processing" >Processing</option>     
                                  <option   value="Hired">Hired</option>
                                  <option   value="Reject">Rejected</option>
                                  <option   value="RollBack">RollBack</option>
                               </select>
                               
                                </td>
                                <td class="text-right footable-visible footable-last-column">
                                    
                                    <div>
                                            
                                         
                                        <a class="btn-success btn btn-xs setvalue" data-id="{{$s->id}}">Save</a>

                                    </div>
                                </td>

here is my script

                           <script type="text/javascript">
    $(document).ready(function() {
 
   $('.setvalue').on('click', function() {
    debugger
       var id = $(this).attr("data-id");
       var new1 = id;
        var inp =  $('#applicantstatus[new1]').val();
    
  
        });

});

0 likes
4 replies
papa's avatar
papa
Best Answer
Level 3

@bipin think about something like this

   <select class="selectpicker form-control " id="applicantstatus_{{$s->id}}" name="applicantstatus_{{$s->id}}" data-style="btn-info btn btn-xs" data-posttd="{{$s->id}}" data-width="auto" >

 $('.setvalue').on('click', function() {
       var id = $(this).data("id");
       var inp =  $('#applicantstatus_' + id).val();
nonanovi's avatar

@PAPA - i did this but it didnt work on me, the return value is undifened

angelobochini's avatar

@PAPA - It seems to have an error when retrieving the "id" attribute, you should use:

var id = $(this).attr("id")

instead of

var id = $(this).data("id")
papa's avatar

@nonanovi just type in your html

<select data-id="your_dynamic_id">

and in jQuery

var id = $(this).data("id")

Please or to participate in this conversation.