2015-01-06 4 views
0

У меня есть пользовательский Jquery, который захватывает идентификатор из списка выбора и заполняет вторичный список выбора теми, которые выбраны.Получить текстовое значение выбранной опции в JQuery

У меня это хорошо работает, однако мне нужно, чтобы вторичный список выбора отображал текстовое значение выбранного параметра. В настоящее время я просто получаю фактический идентификатор.

Может ли кто-нибудь помочь, пожалуйста?

Jquery

$('#myselect').change(function() { 
     var row = $(".chosen-select").val(); 
     $('#secondSelect').html(''); 
     jQuery.each(row, function(i, val) { 
      $('#secondSelect').append('<option value=' + val + '>' + val) + '</option>'; 
     }); 
}); 

HTML

Сначала выберите список

<select data-placeholder="Choose cars..." class="chosen-select" name="myselect[]" id="myselect" multiple> 
<option value="1">Vauxhall</option>                       
<option value="2">Volvo</option> 
etc... 
</select> 

Второй список выбора

+0

Я не понимаю, что происходит, но вы можете использовать '.text()' вместо '.val()'. – Shahar

+0

ОК, я вполне возможно, что у тебя что-то прямое. Я ценю, что могу использовать text(), но как я реализую это, где я падаю. – Suba

+0

'$ ('# secondSelect'). Html ($ ('

ответ

1

Что об этом? fiddle

$('#myselect').change(function() { 
     $('#secondSelect').html(''); 
     jQuery.each($("option:selected",this), function(i, val) { 
      $('#secondSelect').append($(val).clone()); 
     }); 
}); 
+0

Благодарим вас за быстрый ответ. Это отлично работает для меня. – Suba

+0

@ Суба, пожалуйста! Примите, пожалуйста, если это вам подходит – acontell

Смежные вопросы