jQuery select option elements by value

Question

I have a select element wrapped by a span element  I am not allowed to use the select id but I am allowed to use the span id  I am trying to write a javascript jquery function in which the input is a number i  which is one of the values of the select s options  The function will turn the relevant option to selected    lt span id  span id  gt       lt select id  h273yrjdfhgsfyiruwyiywer  multiple  multiple  gt           lt option value  1  gt cleaning lt  option gt           lt option value  2  gt food-2 lt  option gt           lt option value  3  gt toilet lt  option gt           lt option value  4  gt baby lt  option gt           lt option value  6  gt knick-knacks lt  option gt           lt option value  9  gt junk-2 lt  option gt           lt option value  10  gt cosmetics lt  option gt       lt  select gt   lt  span gt    I wrote something as follows  this does not completely work  which is why I am posting this question    function select option i         options       span id   children  select   children  option          alert options length     7       alert options 0       object HTMLOptionElement        alert options 0  val       not a jquery element       alert options 0  value     1        the following does not seem to work since the elements of options are DOM ones not jquery s     option   options find   value      i                alert option attr  value       undefined     option attr  selected    selected         Thanks

User · Answer

With jQuery   1 6 1 should be better to use this syntax       span id select option value      some value         prop  selected   true

User · Answer

options       span id gt select gt option value    i        option   options text    alert option      here is the fiddle http   jsfiddle net hRFYF

User · Answer

You can use  val   to select the value  like the following   function select option i            span id select   val i       Here is a jsfiddle  https   jsfiddle net tweissin uscq42xh 8

User · Answer

h273yrjdfhgsfyiruwyiywer   children   value      i         prop  selected   true

User · Answer

To get the value just use this    lt select id   ari select  onchange    getvalue    gt   lt option value    1  gt  lt  option gt   lt option value    2  gt  lt  option gt   lt option value    3  gt  lt  option gt   lt option value    4  gt  lt  option gt   lt  select gt    lt script gt  function getvalue         alert     ari select option selected   val         lt  script gt    this will fetch the values

User · Answer

Here s the simplest solution with a clear selector   function select option i      return    span span id select option value      i         html

User · Answer

Just wrap your option in   option  to make it act the way you want it to   You can also make the code shorter by doing       span id  gt  select  gt  option value  input your i here     attr  selected    selected

User · Answer

function select option index        var optwewant      for  opts in     span id   children  select                  if  opts value     index                        optwewant   opts              break                      alert  optwewant

[javascript] jQuery select option elements by value

Examples related to javascript

Examples related to jquery