如何使用jquery向span添加文本

Question

我正在尝试将选定的组合框值添加到其前一个范围。但它太失败了。 我正在尝试使用以下代码：

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

这里的错误是什么？我怎么能轻易做到？

我希望它在双击事件中触发。在双击组合框选项后，它应该消失，所选文本应该出现在span

中

当然我忘了告诉我的选择框不是选择框。它是一个lisstbox。即multiple =“multiple”

Answer 1

尝试类似：

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

JS Fiddle demo

参考文献：

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

Answer 2

您需要在option代码中添加select。

<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/