Jquery - Как получить входное значение из метки

Question

Если у меня есть куча меток / выбирает как:

<label for="blah" class="myClass">
<select id="blah" multiple="multiple" size="5">

Как бы получить значение выбранного элемента на основе метки?

Пока у меня есть ..

    $('label[class="myClass"]').each(function(){
        var labelTxt = $(this).text();
        var labelForTxt = $(this).attr('for');
        var inputVal = $('#'+labelForTxt).val();
    });

но inputVal - это не то значение, которое я ожидаю увидеть. Вместо этого я получаю либо null / undefined. Я что-то упустил?

Спасибо!

Answer 1

все хорошо, если у вас есть закрывающий тег для label и select и опции в select. Проверьте код, я изменил и реализовал. http://jsfiddle.net/XaMg9/5/

Answer 2

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

var checkbox = document.querySelector("#checkbox-"+ $(this).val()+ "-label")

var inputId = checkbox.htmlFor

var input = document.getElementById(inputId)
input.checked = false;

Answer 3

Для множественного выбора:

$("label.myClass select").change(function () {
          var inputval = "";
          $("select option:selected").each(function () {
                inputval += $(this).val() + " ";
              });
          $("div[id='content']").text(inputval);
        });
&ltdiv id='content'>&lt/div>

Answer 4

На что стоит обратить внимание.Вы можете использовать селектор $('label.myClass') вместо $('label[class="myClass"]').Это просто более стандартно.Тем не менее, если вы хотите, чтобы значение каждого select содержалось в label, сделайте это.

$('label.myClass select').each(function(){
    var inputVal = $(this).val();
});

Answer 5

Не уверен, если вы ищете что-то вроде этого ТЕСТ