Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.04.2020, 21:52
Новичок на форуме
Отправить личное сообщение для evangelist Посмотреть профиль Найти все сообщения от evangelist
 
Регистрация: 28.04.2020
Сообщений: 1

Добавить значение по-дефолту к jQuery change () методу
Здравствуйте.
Не подскажете ли, как добиться, чтобы обойтись без
<option value="0" selected="selected">Select a Payment Method</option>

в этом скрипте?

$("#pay_method").change(function()
{
  $('.payment_method').slideUp();
  switch($('#pay_method :selected').val())
  {
    case '1': $('#cash_payment').slideDown(); break;
    case '2': $('#credit_card_payment').slideDown(); break;
    case '3': $('#debit_card_payment').slideDown(); break;
    case '4': $('#netbanking_payment').slideDown(); break;
  }
});


Т.е. хотелось бы, чтобы при загрузке странички сходу открывался
case '1': $('#cash_payment').slideDown(); break;

, еще до выбора пользователя того или иного селекта, по-дефолту; не могу понять, как сделать.

Последний раз редактировалось evangelist, 28.04.2020 в 21:54.
Ответить с цитированием
  #2 (permalink)  
Старый 28.04.2020, 22:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

evangelist,
<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
.payment_method
{
  padding: 10px;
  display: none;
}
#cash_payment
{
  background: lime;
}
#credit_card_payment
{
  background: pink;
}
#debit_card_payment
{
  background: aqua;
}
#netbanking_payment
{
  background: yellow;
}

    </style>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

  <script>
$(function() {
$("#pay_method").change(function()
{
  $('.payment_method').slideUp();
  switch(this.value)
  {
    case '1': $('#cash_payment').slideDown(); break;
    case '2': $('#credit_card_payment').slideDown(); break;
    case '3': $('#debit_card_payment').slideDown(); break;
    case '4': $('#netbanking_payment').slideDown(); break;
  }
}).val(1).change();
});
  </script>

</head>
<body>
<select id="pay_method" name="pay_method">
  <option value="1">Cash on Delivery</option>
  <option value="2">Credit Card</option>
  <option value="3">Debit Card</option>
  <option value="4">Netbanking</option>
</select>

<div id="cash_payment" class="payment_method">
    You selected <strong>cash</strong> payment method.
</div>
<div id="credit_card_payment" class="payment_method">
    You selected <strong>credit card</strong> payment method.
</div>
<div id="debit_card_payment" class="payment_method">
    You selected <strong>debit card</strong> payment method.
</div>
<div id="netbanking_payment" class="payment_method">
    You selected <strong>netbanking</strong> payment method.
</div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Необходимо добавить еще один DIV. И получить значение. svileff Javascript под браузер 25 09.12.2019 23:29
Как добавить таблицу в cookie? jQuery derbass jQuery 7 24.12.2012 08:05
jQuery Grid, значение setGridWidth svs jQuery 0 23.08.2012 17:00
jQuery Datepicker как передать значение в span ? Jnas jQuery 4 01.10.2011 12:56
Как правильно добавить форму используя jQuery Casufi jQuery 1 15.02.2010 23:14