Получить значение опции выпадающего меню и таблицы фильтров

4

javascript,jquery,html,twitter-bootstrap,

JavaScript, JQuery, HTML, твиттер-самозагрузка,

Ответов: -2


3 принят

Используйте событие изменения, чтобы получить выбранное значение выпадающего списка

<select id="edicion">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

$(document).on("change", '#edicion', function(){
    console.log($(this).val());
});

Для фильтрации таблиц вы можете использовать атрибуты данных html5. Добавить

$('#edicion li').click(function(){
    console.log($(this).text());
});

При изменении выпадающего списка скройте все строки, которые не содержат этого значения:

$('#dropDownId').val();

Проверьте здесь https://jsfiddle.net/nar2bnx1/

Обновлено с заголовком, всегда доступным: - https://jsfiddle.net/nar2bnx1/1/

Обновлено несколькими фильтрами: https://jsfiddle.net/nar2bnx1/2/


3

Добавить этот код

$('#dropDownId :selected').text();

Демо здесь: https://jsfiddle.net/2fkb95ur/1/

a

Демо: https://jsfiddle.net/2fkb95ur/2/


0

Попробуй это:

Для отдельных элементов выбора, чтобы получить выбранное значение:

a

Чтобы получить выделенный текст:

<div class="dropdown pull-left  btn-group" style="padding-right: 10px;">
    <button class="btn dropdown-toggle" type="button" data-toggle="dropdown">EDICIO<span class="caret"></span></button>
    <ul class="dropdown-menu text-center" id="edicion">
        <?php 
            $result = dbQuery($conn, "SELECT * FROM produccion.ma_edicion");
                while ($row = pg_fetch_row($result)){ ?>
                    <li><a href='#' data-value="<?php echo $row[2] ?>"><?php echo $row[1] .' '. $row[2]; ?></a></li>
                <?php 
                }
                ?>
      </ul>
</div>

0

Свяжите событие клика li и, поскольку содержимое HTML привязывается к aтегу привязки, поэтому при щелчке тега li найдите aтег привязки и найдите содержимое внутри тега. Ниже код поможет найти контент.

ЗДЕСЬ - это код html для лучшего решения:

li

Вот событие click liтега

   $('#edicion li').click(function(v){
                    console.log($(this).find('a').data('value'));
    });
JavaScript, JQuery, HTML, твиттер-самозагрузка,