如何使用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/