CODEWITHSUNDEEP
jquery
Hai Truong IT
Hai Truong IT

Reputation: 4187

How to get name and get value from select box?

I have a sample code:

<select name="code_id" id="code_id">
   <option value="1">Code 1</option>
   <option value="2">Code 2</option>
</select>

<script type="text/javascript">
jQuery(document).ready(function(){
     var code_id = this.code_id.value; // Get value
     var code_name = this...// Get code name
     alert(code_name); 
});
</script>

How to get code name (Code 1, Code 2)

Upvotes: 0

Views: 506

Answers (6)

coolguy
coolguy

Reputation: 7954

$(document).ready(function(){
 $('#code_id').change(function(){
     alert($(this).find('option:selected').text());
 });
});

Upvotes: 1

Ram
Ram

Reputation: 144669

you can use :selected selector for selecting selected option and text() for getting it's texts.

Selects all elements that are selected. 

$(document).ready(function(){
     var txt = $('#code_id option:selected').text()
});

Upvotes: 0

Erez Rabih
Erez Rabih

Reputation: 15788

this will give you all code names:

$.each($("#code_id option"), function (i, opt) { console.log($(opt).text())})

this will give you selected code name

$("#code_id").text()

Upvotes: 1

Chris Moutray
Chris Moutray

Reputation: 18349

Something like this 

$('#code_id option').each(function() { alert($(this).text()); });

Upvotes: 1

bhuvin
bhuvin

Reputation: 1402

Clarify your question
If its the selected option's text you want then : 

 $("#code_id option:selected").text();

Upvotes: 1

Hristo Petev
Hristo Petev

Reputation: 309

You can do this:

$('#code_id option[value="'+$(this).val()+'"]').html();

You may need to do some modifications to suite you problem

Upvotes: -1

Related Questions