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

Question

我正在嘗試將組合框的選定值添加到其先前的跨度。 但是失敗太傷心了。 我正在嘗試以下代碼：

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

這是什么錯誤？ 我如何輕松做到這一點？

我希望它在雙擊事件中觸發。 如雙擊組合框的選項后，它應該消失，並且所選文本應顯示在跨度中

當然，我忘了告訴我我的選擇框不是selectbox。 它是一個lisstbox。 即multiple =“ multiple”

Answer 1

嘗試類似：

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

JS小提琴演示 。

參考文獻：

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

Answer 2

您需要在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/

編輯

基於注釋不適用於多選項的情況 ，我進行了如下修改：

$('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/