Как установить значение jquery в раскрывающемся списке

Как установить выбранное значение = Booking.

$('#status').val("Booking");
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name = "status" class = "form-control">
   <option value = "" id = "status">New</option>
    <option value = "">Follow</option>
    <option value = "">DND</option>
   <option value = "">Dead</option>
</select>

Все ваши атрибуты value = "" пусты. Это не очень хорошо. Либо заполните их (уникальными) значениями, либо опустите их в первую очередь.

yunzen 30.01.2019 12:43
Booking, похоже, не является значением, которое имеет любой из параметров.
yunzen 30.01.2019 12:43

Должна быть опция со значением «Бронирование».

Silvio Biasiol 30.01.2019 12:44

Но я хочу, чтобы значение бронирования было указано в jquery, и оно должно быть выбрано.

user10954362 30.01.2019 12:45

на самом деле ваш код работает, он устанавливает booking в свойство value элемента option#status. Я не видел ошибок, если вы проверите элемент, вы увидите там значение

Calvin Nunes 30.01.2019 12:45

<select name = "status" class = "form-control"> <option value = "1">Создать</option> <option value = "2">Подписаться</option> <option value = "3">Не беспокоить </option> <option value = "4">Не работает</option> </select>

user10954362 30.01.2019 12:46

@ user10954362, но где Booking, который вы хотите получить?

Alexandre Elshobokshy 30.01.2019 12:50
Установить выбранный параметр в поле выбора Попробуйте это решение.
monofal 30.01.2019 12:51

@Nofi это именно то, что он уже сделал

yunzen 30.01.2019 15:05

@user10954362 user10954362 Вы имеете в виду, что хотите добавить новую опцию выбора, когда ее нет?

yunzen 30.01.2019 15:05
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
5
10
55
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

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

$('#mySelect')
         .append($("<option></option>")
                    .attr("value",key)
                    .text("Booking"));

но он не выбран

user10954362 30.01.2019 13:16

Выполните свой код после добавления опции $('#status').val("Booking");

Usama Kiyani 30.01.2019 13:37

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

<select id = "status" class = "form-control">
   <option value = "">New</option>
    <option value = "">Follow</option>
    <option value = "">DND</option>
   <option value = "">Dead</option>
  <option value = "Booking">Booking</option>
</select>

и скрипт должен быть:

$(document).ready(function() {
  $('#status').val("Booking");
});

Также я изменил атрибут имени на id, так как вы ссылаетесь на него с помощью «#» :)

Должно быть любое значение параметра, как показано ниже, поэтому, когда вы хотите выбрать вариант бронирования. поэтому, по моему мнению, это должно быть так, пожалуйста, проверьте, соответствует ли это вашему требованию. <option value = "new">New</option>

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