CODEWITHSUNDEEP
javascriptjqueryhtml
Amare
Amare

Reputation: 715

How to call a HTML select value in javaScript?

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);
}

Upvotes: 0

Views: 97

Answers (5)

Sarath Kumar
Sarath Kumar

Reputation: 2353

try this..

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

Upvotes: 0

timber
timber

Reputation: 21

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>

Upvotes: 0

I&#39;m Geeker
I&#39;m Geeker

Reputation: 4637

Use this :

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

Upvotes: 0

user2575725
user2575725

Reputation:

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>

Upvotes: 2

roullie
roullie

Reputation: 2820

try this

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

Upvotes: 0

Related Questions