C# Получить значение из раскрывающегося списка

Я пытаюсь получить значение выбранной возможности в раскрывающемся меню. Если выбрано «Производство», я хочу получить значение = «prod». Но работать не буду.

 <div class = "btn dropdown-toggle col-sm-2" type = "button" id = "menu1" data- 
toggle = "dropdown" style = "font-size: 10px;">
                            Alle
<span class = "caret" style = "text-align:center"></span>
       </div>
<ul class = "dropdown-menu" role = "menu" aria-labelledby = "menu1">
<li role = "presentation"><a value = "all" role = "menuitem" tabindex = "-1" 
href = "#">All</a></li>
<li role = "presentation"><a value = "prod" role = "menuitem" tabindex = "-1" 
href = "#">Production</a></li>
<li role = "presentation"><a value = "hour" role = "menuitem" tabindex = "-1" 
href = "#">Hour</a></li>
<li role = "presentation"><a value = "adhoc" role = "menuitem" tabindex = "-1" 
href = "#">Adhoc</a></li>
                        </ul>

Я пытался использовать: var e = document.getElementById ("menu1"); , но я могу получить innerText = "Production" только с помощью var type = e.innerText.toString ();, но не могу получить значение ....

Я знаю, что существует подобный вопрос: Получите значение из раскрывающегося списка, но в моем случае ответ не работает. Какие-либо предложения ?

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

— 22.08.2018 13:14

Я использую Bootstrap 3 ....

— 22.08.2018 13:25

как это связано с C#?

— 22.08.2018 13:29

javascript html drop-down-menu

22.08.2018 13:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Получите внутренний текст и найдите с ним элемент a, затем вы можете получить значение

var e = document.getElementById("menu1");
var element = $( "#menu1 a:contains('"+ e.innerText.toString() +"')" );
var value = element.attr('value');

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

$('.dropdown-menu').on( 'click', 'a', function() {
    var text = $(this).html();
    console.info('Value changed to ', $(this).attr('value'));
    var htmlText = text + ' <span class = "caret"></span>';
    $(this).closest('.dropdown').find('.dropdown-toggle').html(htmlText);
});

                        
                        <div class = "dropdown">
  <button class = "btn btn-default dropdown-toggle" type = "button" id = "menu1" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true">
    Dropdown
    <span class = "caret"></span>
  </button>
<ul class = "dropdown-menu" role = "menu" aria-labelledby = "menu1">
  <li role = "presentation"><a value = "all" role = "menuitem" tabindex = "-1" 
  href = "#">All</a></li>
  <li role = "presentation"><a value = "prod" role = "menuitem" tabindex = "-1" 
  href = "#">Production</a></li>
  <li role = "presentation"><a value = "hour" role = "menuitem" tabindex = "-1" 
  href = "#">Hour</a></li>
  <li role = "presentation"><a value = "adhoc" role = "menuitem" tabindex = "-1" 
  href = "#">Adhoc</a></li>
</ul>
</div>


<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel = "stylesheet"/>

22.08.2018 13:44

Другие вопросы по теме

Панель навигации - Список главного меню. Невозможно центрировать - Что мне всегда не хватает?

Делаем веб-сайт масштабируемым вместо того, чтобы быстро реагировать

Изменить ввод на основе переключателя JQuery

Создание реакции в пакет HTML + CSS

Многострочный флексбокс, ширина контейнера - только один столбец

Как разместить два div рядом друг с другом внутри таблицы td

AngularJS: ошибка при использовании ui-sref

Список строк перечисления в раскрывающемся списке HTML / PHP со значениями из 2 таблиц MSSQL

HTTP-ссылки загружаются только в окна iframe для локального веб-сайта

При снятии флажка

C# Получить значение из раскрывающегося списка

Ответы 1

Другие вопросы по теме

Похожие вопросы