Nano Hash - криптовалюты, майнинг, программирование

Почему я не могу получить значение ввода в модальном режиме (используя Jquery и Javascript)

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

Модальный:

<form action=""  method="post" enctype="multipart/form-data">
  <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLongTitle">New Menu Section</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="row">
          <div class="col-md-6">
            <label>Menu Name</label>
            <input placeholder="For sharing..." name="menu_name_category" value="" class="form-control" id="menu_value" type="text" class="validate">
          </div>
        </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" id="save_menu_button">Save changes</button>
        </div>
      </div>
    </div>
  </div>
</form>

Javascript и JQuery:

var textFieldVal = document.getElementById("menu_value").value;

$('#save_menu_button').click(function() {
   alert(textFieldVal);
});

Захвачено

javascript jquery bootstrap-modal
07.01.2019

  • Вы можете увидеть, в чем проблема, выполнив тестовую отладку. 1) открыть страницу 2) получить значение 3) открыть диалоговое окно 4) ввести значение при вводе 5) нажать кнопку и показать значение из 2. Очевидно, что вы получаете значение до того, как ввод даже отображается, и не обновляете его при нажатии кнопки . 07.01.2019
  • переменная вне области видимости 07.01.2019

Ответы:


1

Вы можете получить значение, подобное следующему

$('#save_menu_button').click(function(){
   alert($('#menu_value').val());
});

Нет необходимости в document.getElementById

07.01.2019

2

Здесь происходит то, что вы получаете значение своего текстового поля при загрузке и использовании этого значения в своей функции щелчка.

Обновите свой код, как показано ниже. Получите только element в объекте и используйте textFieldVal.value. Это решит вашу проблему.

var textFieldVal = document.getElementById("menu_value");
$('#save_menu_button').click(function(){
   alert(textFieldVal.value);
   // With jQuery try like below.
   // alert($('#menu_value').val());
});
07.01.2019
  • возможно, ваш ответ правильный, однако var textFieldVal = $('#menu_value').val(); не работает почему так? 07.01.2019
  • @DevGe, вы должны получить значение внутри обработчика события клика. 07.01.2019
  • Попробуйте с alert($('#menu_value').val()) внутри click. Это должно работать. 07.01.2019

    • 3

    Для тех, кому это все еще может понадобиться, я нашел один правильный ответ на https://www.youtube.com/watch?v=8zTL1LMxBqc

    Используя JQuery, вам просто нужно добавить модальный идентификатор в селектор, как показано ниже:

    var textFieldVal = $("#exampleModalLongTitle #menu_value").val();
    29.12.2019

    4

    Проблема в том, что вы получаете значение input DOM, когда документ готов.

    Вы должны получить значение ввода текста при срабатывании обработчика события клика.

    $('#save_menu_button').click(function(){
   var textFieldVal = $("#menu_value").val();
   alert(textFieldVal);
});
    07.01.2019

    5

    измени свой сценарий

    $('#save_menu_button').click(function(){
var textFieldVal = document.getElementById("menu_value").value;
   alert(textFieldVal);
});

    данные были установлены, когда ваш html был установлен ... вот почему он предупреждает пустым ... если вы поместите его в функцию щелчка ... он получит данные при нажатии ...

    07.01.2019
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..