Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 26th, 2012  |  syntax: None  |  size: 11.97 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. How do change the text of a label using jquery to make it the same as the value selected from a select box?
  2. <label class="plan_code" id="plan_code-value">010</label>
  3.        
  4. <select id="plan_code">
  5.                                         <option value="010" class="odd">010</option>
  6.                                         <option value="020" class="even">020</option>
  7.                                         <option value="030" class="odd">030</option>
  8.                                         <option value="040" class="even">040</option>
  9.                                         <option value="041" class="odd">041</option>
  10.                                         <option value="050" class="even">050</option>
  11.                                         <option value="060" class="odd">060</option>
  12.                                         <option value="070" class="even">070</option>
  13.                                         <option value="080" class="odd">080</option>
  14.                                         <option value="081" class="even">081</option>
  15.                                         <option value="082" class="odd">082</option>
  16.                                         <option value="090" class="even">090</option>
  17.                                         <option value="100" class="odd">100</option>
  18.                                         <option value="110" class="even">110</option>
  19.                                         <option value="121" class="odd">121</option>
  20.                                         <option value="130" class="even">130</option>
  21.                                         <option value="140" class="odd">140</option>
  22.                                         <option value="141" class="even">141</option>
  23.                                         <option value="150" class="odd">150</option>
  24.                                         <option value="160" class="even">160</option>
  25.                                         <option value="170" class="odd">170</option>
  26.                                         <option value="180" class="even">180</option>
  27.                                         <option value="190" class="odd">190</option>
  28.                                         <option value="200" class="even">200</option>
  29.                                         <option value="210" class="odd">210</option>
  30.                                         <option value="220" class="even">220</option>
  31.                                         <option value="230" class="odd">230</option>
  32.                                         <option value="240" class="even">240</option>
  33.                                         <option value="241" class="odd">241</option>
  34.                                         <option value="250" class="even">250</option>
  35.                                         <option value="260" class="odd">260</option>
  36.                                         <option value="265" class="even">265</option>
  37.                                         <option value="270" class="odd">270</option>
  38.                                         <option value="280" class="even">280</option>
  39.                                         <option value="290" class="odd">290</option>
  40.                                         <option value="301" class="even">301</option>
  41.                                         <option value="303" class="odd">303</option>
  42.                                         <option value="304" class="even">304</option>
  43.                                         <option value="305" class="odd">305</option>
  44.                                         <option value="306" class="even">306</option>
  45.                                         <option value="310" class="odd">310</option>
  46.                                         <option value="320" class="even">320</option>
  47.                                         <option value="332" class="odd">332</option>
  48.                                         <option value="333" class="even">333</option>
  49.                                         <option value="339" class="odd">339</option>
  50.                                         <option value="340" class="even">340</option>
  51.                                         <option value="350" class="odd">350</option>
  52.                                         <option value="361" class="even">361</option>
  53.                                         <option value="362" class="odd">362</option>
  54.                                         <option value="363" class="even">363</option>
  55.                                         <option value="364" class="odd">364</option>
  56.                                         <option value="370" class="even">370</option>
  57.                                         <option value="380" class="odd">380</option>
  58.                                         <option value="389" class="even">389</option>
  59.                                         <option value="390" class="odd">390</option>
  60.                                         <option value="392" class="even">392</option>
  61.                                         <option value="400" class="odd">400</option>
  62.                                         <option value="405" class="even">405</option>
  63.                                         <option value="410" class="odd">410</option>
  64.                                         <option value="415" class="even">415</option>
  65.                                         <option value="432" class="odd">432</option>
  66.                                         <option value="430" class="even">430</option>
  67.                                         <option value="439" class="odd">439</option>
  68.                                         <option value="441" class="even">441</option>
  69.                                         <option value="443" class="odd">443</option>
  70.                                         <option value="450" class="even">450</option>
  71.                                         <option value="460" class="odd">460</option>
  72.                                         <option value="470" class="even">470</option>
  73.                                         <option value="471" class="odd">471</option>
  74.                                         <option value="510" class="even">510</option>
  75.                                         <option value="520" class="odd">520</option>
  76.                                         <option value="530" class="even">530</option>
  77.                                         <option value="542" class="odd">542</option>
  78.                                         <option value="550" class="even">550</option>
  79.                                         <option value="560" class="odd">560</option>
  80.                                         <option value="570" class="even">570</option>
  81.                                         <option value="580" class="odd">580</option>
  82.                                         <option value="582" class="even">582</option>
  83.                                         <option value="590" class="odd">590</option>
  84.                                         <option value="600" class="even">600</option>
  85.                                         <option value="610" class="odd">610</option>
  86.                                         <option value="611" class="even">611</option>
  87.                                         <option value="621" class="odd">621</option>
  88.                                         <option value="630" class="even">630</option>
  89.                                         <option value="640" class="odd">640</option>
  90.                                         <option value="650" class="even">650</option>
  91.                                         <option value="660" class="odd">660</option>
  92.                                         <option value="670" class="even">670</option>
  93.                                         <option value="680" class="odd">680</option>
  94.                                         <option value="690" class="even">690</option>
  95.                                         <option value="700" class="odd">700</option>
  96.                                         <option value="710" class="even">710</option>
  97.                                         <option value="720" class="odd">720</option>
  98.                                         <option value="730" class="even">730</option>
  99.                                         <option value="740" class="odd">740</option>
  100.                                         <option value="741" class="even">741</option>
  101.                                         <option value="751" class="odd">751</option>
  102.                                         <option value="760" class="even">760</option>
  103.                                         <option value="765" class="odd">765</option>
  104.                                         <option value="770" class="even">770</option>
  105.                                         <option value="777" class="odd">777</option>
  106.                                         <option value="780" class="even">780</option>
  107.                                         <option value="790" class="odd">790</option>
  108.                                         <option value="800" class="even">800</option>
  109.                                         <option value="801" class="odd">801</option>
  110.                                         <option value="803" class="even">803</option>
  111.                                         <option value="804" class="odd">804</option>
  112.                                         <option value="805" class="even">805</option>
  113.                                         <option value="806" class="odd">806</option>
  114.                                         <option value="808" class="even">808</option>
  115.                                         <option value="810" class="odd">810</option>
  116.                                         <option value="820" class="even">820</option>
  117.                                         <option value="833" class="odd">833</option>
  118.                                         <option value="834" class="even">834</option>
  119.                                         <option value="840" class="odd">840</option>
  120.                                         <option value="851" class="even">851</option>
  121.                                         <option value="856" class="odd">856</option>
  122.                                         <option value="870" class="even">870</option>
  123.                                         <option value="88" class="odd">88</option>
  124.                                         <option value="889" class="even">889</option>
  125.                                         <option value="890" class="odd">890</option>
  126.                                         <option value="892" class="even">892</option>
  127.                                         <option value="900" class="odd">900</option>
  128.                                         <option value="905" class="even">905</option>
  129.                                         <option value="910" class="odd">910</option>
  130.                                         <option value="915" class="even">915</option>
  131.                                         <option value="923" class="odd">923</option>
  132.                                         <option value="932" class="even">932</option>
  133.                                         <option value="934" class="odd">934</option>
  134.                                         <option value="936" class="even">936</option>
  135.                                         <option value="937" class="odd">937</option>
  136.                                         <option value="939" class="even">939</option>
  137.                                         <option value="941" class="odd">941</option>
  138.                                         <option value="943" class="even">943</option>
  139.                                         <option value="950" class="odd">950</option>
  140.                                         <option value="960" class="even">960</option>
  141.                                         <option value="970" class="odd">970</option>
  142.                                         <option value="971" class="even">971</option>
  143.                                         <option value="982" class="odd">982</option>
  144.                                     </select>
  145.        
  146. $(document).ready(function() {
  147.   $('#plan_code').change(function() {
  148.     $('#plan_code-value').html($(this).val());
  149.   });
  150. });
create a new version of this paste RAW Paste Data