如何使用jQuery添加文本以覆盖

Question

I am trying to add the selected value of combo box to its preceding span. but it failed too sad. I am trying with following code:

<span></span><select multiple ="multiple" ondblclick="$(this).css('display','none').prev().css('display','inline').addClass('sss').html($(this).val());">....</select>

What's the error here? how can i do it easily?

I want it to trigger in double click event. as after double clicking on option of combo box it should disappear and selected text should appear in span

and of course i forgot to tell that my select box is not selectbox. its a lisstbox. ie multiple="multiple"

Answer 1

Try something like:

$('select').change(
    function() {
        $(this).prev('span').addClass('sss').text($(this).val());
    });

JS Fiddle demo .

References:

• change() .
• prev() .
• addClass() .
• text() .
• val() .

Answer 2

You need to put an option in your select tag.

<span></span>

<select>
    <option>Something</option>
</select>

js

 
 
 
 
  
  
  $('select').click(function(){ $(this).css('display','none') .prev() .css('display','inline') .addClass('sss') .html($(this).val()); });
 
 
  

Example: http://jsfiddle.net/jasongennaro/AKa9b/

EDIT

Based on the comment not working in context of multiple option , I revised as follows:

$('select').change(function(){
    $('select option:selected').each(function(){
       $(this).parent().css('display','none')
      .prev()
      .css('display','inline')
      .addClass('sss')
      .html($(this).val());
    });
}); 

Second example: http://jsfiddle.net/jasongennaro/AKa9b/2/