Skip to main content

Jquery to retrieve and set selected index value of html select element

Image
By User



I am attempting to retrieve and set the selected value of a select element (drop down list) with Jquery.





for retrievel i have tried $("#myId").find(':selected').val(), as well as $("#myId").val() but both return undefined.





Any insight into this problem would be much appreciated.





thanks in advance



Source: Tips4all
Labels:

Comments

  1. Tips For AllApril 5, 2012 at 7:35 AM

    The way you have it is correct at the moment. Either the id of the select is not what you say or you have some issues in the dom.

    Check the Id of the element and also check your markup validates at here at W3c.

    Without a valid dom jQuery cannot work correctly with the selectors.

    If the id's are correct and your dom validates then the following applies:

    To Read Select Option Value

    $('#selectId').val();


    To Set Select Option Value

    $('#selectId').val('newValue');


    To Read Selected Text

    $('#selectId>option:selected').text();

    ReplyDelete
  2. Tips For AllApril 5, 2012 at 7:35 AM

    to get/set the actual selectedIndex property of the select element use:

    $("#select-id").prop("selectedIndex");

    $("#select-id").prop("selectedIndex",1);

    ReplyDelete
  3. Tips For AllApril 5, 2012 at 7:35 AM

    $('#myId').val() should do it, failing that I would try:

    $('#myId option:selected').val()

    ReplyDelete
  4. Tips For AllApril 5, 2012 at 7:35 AM

    $("#myId").val() should work if myid is the input select element id!

    This would set the selected item: $("#myId").val('VALUE')

    ReplyDelete
  5. Tips For AllApril 5, 2012 at 7:35 AM

    Suppose you have created a Drop Down list using SELECT tag like as follows,

    <select id="Country">


    Now if you want to see what is the selected value from drop down using JQuery then, simply put following line to retrieve that value..

    var result= $("#Country option:selected").text();


    it will work fine.

    ReplyDelete

Post a Comment

Popular posts from this blog

Why is this Javascript much *slower* than its jQuery equivalent?

By User
I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...
3 comments
Read more

Is it possible to have IF statement in an Echo statement in PHP

By User
Thanks in advance. I did look at the other questions/answers that were similar and didn't find exactly what I was looking for. I'm trying to do this, am I on the right path? echo " <div id='tabs-".$match."'> <textarea id='".$match."' name='".$match."'>". if ($COLUMN_NAME === $match) { echo $FIELD_WITH_COLUMN_NAME; } else { } ."</textarea> <script type='text/javascript'> CKEDITOR.replace( '".$match."' ); </script> </div>"; I am getting the following error message in the browser: Parse error: syntax error, unexpected T_IF Please let me know if this is the right way to go about nesting an IF statement inside an echo. Thank you.
5 comments
Read more