How to call a HTML select value in javaScript?

Question

I want to get the user's selected option value as a javaScript alert. But my alert is not working.

Here is my HTML code.

<select id="formats_id" name="aformats" >
    <option value="<?php echo $jrowa2['formats']; ?>" onchange="showshowFormat(this.value)" ><?php echo $jrowa2['formats']; ?></option>
        <?php foreach($formats3 as $v3){  ?>
            <?php if($v3 !== $jrowa2['formats']) { ?>
                <option value="<?php echo $v3; ?>"><?php echo $v3; ?></option>
            <?php } ?>
        <?php } ?>
</select>

Here is my javaScript code.

function showshowFormat(){
    var $this = $(this); //  assign $(this) to $this
    var formats_value = $this.val();
    alert(formats_value);
}

user2575725 · Accepted Answer · 2014-12-10 06:21:21Z

2

Try onchange with select:

Pure JS

var showFormat = function(dd) {
  var opt = dd.options; //array of option of the select tag
  var i = dd.selectedIndex; // index of selected option
  alert(opt[i].value);
};

<select id="formats_id" name="aformats" onchange='showFormat(this);'>
  <option>Text</option>
  <option>PDF</option>
  <option>Excel</option>
</select>

JQuery

$(function() {
  $('#formats_id').on('change', function() {
    alert($(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="formats_id" name="aformats">
  <option>Text</option>
  <option>PDF</option>
  <option>Excel</option>
</select>

answered Dec 10, 2014 at 6:21

user2575725

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

Comments

roullie · Accepted Answer · 2014-12-10 06:20:04Z

0

try this

function showshowFormat(){
    var $this = $('#formats_id'); //  assign $('#formats_id') to $this
    var formats_value = $this.val();
    alert(formats_value);
}

answered Dec 10, 2014 at 6:20

roullie

2,82019 silver badges26 bronze badges

Comments

I'm Geeker · Accepted Answer · 2014-12-10 06:21:24Z

0

Use this :

function showshowFormat(){
    var Getvalue= $('#formats_id'); 
    var formats_value = Getvalue.val();
    alert(formats_value);
}

answered Dec 10, 2014 at 6:21

I'm Geeker

4,6575 gold badges25 silver badges42 bronze badges

Comments

timber · Accepted Answer · 2014-12-10 06:23:03Z

0

First you need to load jQuery in your html, then try below codes:

<script>
$('#formats_id').change() {
    var $this = $(this); //  assign $(this) to $this
    var formats_value = $this.val();
    alert(formats_value);
}
</script>

answered Dec 10, 2014 at 6:23

timber

212 bronze badges

Comments

Sarath Kumar · Accepted Answer · 2014-12-10 06:23:37Z

0

try this..

$('#formats_id').on('change', function() {
  alert( this.value ); // or $(this).val()
});

answered Dec 10, 2014 at 6:23

Sarath Kumar

2,3531 gold badge14 silver badges26 bronze badges

Collectives™ on Stack Overflow

How to call a HTML select value in javaScript?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related