我如何添加文本跨度使用jQuery

Question

我想添加組合框的選定值到其前面的跨度。但它失敗太難過了。 我用下面的代碼嘗試：

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

這裏有什麼錯誤？我怎麼能輕鬆做到這一點？

我希望它在雙擊事件中觸發。因爲雙擊組合框的選項後，它應該消失，選定的文本應該出現在範圍內

當然，我忘了說我的選擇框不是選擇框。它是一個lisstbox。即多個= 「多」

Answer 1

您需要在您的select標記中添加option。

<span></span> 

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

JS

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

實施例： http://jsfiddle.net/jasongennaro/AKa9b/

EDIT

基於註釋在多個選項的情況下不工作，我修改爲：

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

第二個例子：http://jsfiddle.net/jasongennaro/AKa9b/2/

Answer 2

試着這麼做：

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

JS Fiddle demo。

參考文獻：

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