Jquery Getting Value From FIrst Dropdown In A Loop

Question

I am having a popup and a foreach on my view , it has a dropdown too, on a button click I need to get the selected value of the drop-down,

Each time I click it returns the first drop down value I couldn't use $(this).val()

Is there any way. This is my code

$( ".ecg_followup_submit" ).click(function(e) {

   alert($( ".reviewoutcome_change option:selected" ).val());

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
  <div class="col-md-8">
    <div class="row">
      <div class="col-md-6">
        <label for="exampleInputPassword1">Review outcome:</label>                                                                
      </div>
      <div class="col-md-6">
        <select class="form-control reviewoutcome_change" name="review_outcome" id="declined_reason">
          <option value="select">Select</option>
          <option value="normal">Normal</option>
          <option value="minor" >Minor</option>
        </select>
      </div>
    </div>
  </div>
</div>
<div class="row" style="height:10px;"></div>
<div class="row">
  <div class="col-md-8">
    <div class="row">
      <div class="col-md-6">
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-9"></div>
</div>
<div class="modal-footer" style = "margin-top:15px;">
  <div class="row">
    <div class="col-md-6">
      <input type="submit" class="btn btn-primary ecg_followup_submit" name="Submit" style = "width:50%; height:35px; margin-right:150px;" />
    </div>
  </div>
</div>

I have removed the unwanted codes

Thank you

It seems like your code already works. There is one dropdown and its selected value is shown in the alert. — user15388024
– user15388024, Commented Jun 2, 2021 at 10:06

Abdur Rahman · Accepted Answer · 2021-06-02 08:35:44Z

2

To get the value of 'selected' option you do not need to use :selected. you can get the selected value like any other input. $('your selector').val()

However, if you do not change your selection, the first option will be selected by default.

Here is an example inspired from your code.

jQuery(document).ready(function($){
  $('.btn').click(function(e){
    e.preventDefault();
    
    console.log($('.reviewoutcome_change').val());
  
  
  })

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control reviewoutcome_change" name="review_outcome" id="declined_reason">
  <option value="select">Select</option>
  <option value="normal">Normal</option>
  <option value="minor">Minor</option>
</select>

<button class="btn">show selected</button>

edited Jun 2, 2021 at 8:35

answered Jun 2, 2021 at 8:29

Abdur Rahman

563 bronze badges

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

2 Comments

Ilhamzac Over a year ago

no didnt work its on a pop up and on a loop

Abdur Rahman Over a year ago

please give a snippet of your actual code, it will help to inspect the problem properly.

Dhargombeths · Accepted Answer · 2021-06-02 08:35:04Z

0

just change

$( ".ecg_followup_submit" ).click(function(e) {
    
    alert($( ".reviewoutcome_change option:selected" ).val());
   
});

to this

$( ".ecg_followup_submit" ).click(function(e) {
    
    alert($( '.reviewoutcome_change' ).val());
   
});

answered Jun 2, 2021 at 8:35

Dhargombeths

311 silver badge10 bronze badges

2 Comments

Ilhamzac Over a year ago

no didnt work its on a pop up and on a loop

Dhargombeths Over a year ago

full code pls :") cz i still not get what u want

row · Accepted Answer · 2021-06-02 08:58:36Z

0

Find one common ancestor. I assume that you have multiple rows then?

$(".ecg_followup_submit").click(function (e) {
    const row = $(this).closest(".row")
    const selectedOption = row.find(".reviewoutcome_change");
    alert(selectedOption.val());
});

edited Jun 2, 2021 at 8:58

answered Jun 2, 2021 at 8:32

row

2008 bronze badges

2 Comments

Ilhamzac Over a year ago

it retuens undefined

row Over a year ago

if you use row.find(".reviewoutcome_change"); instead like @kurnia336 suggested?

Collectives™ on Stack Overflow

Jquery Getting Value From FIrst Dropdown In A Loop

3 Answers 3

2 Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related