Как добавить текст в span, используя jquery

Question

Я пытаюсь добавить выбранное значение поля со списком к предыдущему диапазону. но это не слишком печально. Я пытаюсь с помощью следующего кода:

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

В чем здесь ошибка? как я могу сделать это легко?

Я хочу, чтобы он срабатывал при двойном щелчке. так как после двойного щелчка по опции поля со списком он должен исчезнуть, а выделенный текст должен появиться в диапазоне

и, конечно, я забыл сказать, что мой блок выбора не является блоком выбора. это список. т.е. несколько = "несколько"

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/