Добавить значение опции в JS и html

Я хочу добавить значение опции на моей странице

Например, вы заходите на страницу моего магазина и выбираете пакет, я хочу добавить поле опции для скидки, и когда вы вводите текст, доступный на s.txt, вы получаете предложение скидки.

Например, вы вводите код StackOverflow и в s.txt:

stackoverflow--20

Тогда цена будет уменьшена на 20% и отображена.

Мой исходный код следует.

JavaScript:

$("#payBtn").click(function() {
  $("#count").html($("#member").val());
  var price = $("#member").val();
  price = price * 5;
  location.href = 'https://zarinp.al/levicoder/' + price;
    }); 
$("#name").keyup(function() {
  $("#payerName").html($("#name").val());
});
$("#channelInput").keyup(function() {
  $("#channel").html($("#channelInput").val());
});
$("#discount").keyup(function() {
  $("#disdis").html($("#discount").val());
});
$("#member").click(function() {
  $("#count").html($("#member").val());
  var price = $("#member").val();
  price = price * 5;
  $("#amount").html(price);
});

HTML:

<div class = "box shadow_box purchase_cm_box" >
        <h4>Order</h4>
        <hr>
        <input type = "text" class = "form-control" id = "name" placeholder = "Your name"><br>
        <input type = "text" class = "form-control" id = "channelInput" placeholder = "Your Id"><br>
        <input type = "text" class = "form-control" id = "discount" placeholder = "discount code"><br>
        <div class = "form-group">
         <select class = "form-control" id = "member">
           <option value = "9000">9000 Value</option>
<option value = "2000">2000 Value</option>



         </select>
         <br>
        </div>
      </div>

<div class = "col-lg-4 col-md-4 col-sm-4 col-xs-12 pull-left" id = "leftmenu">
      <div class = "box shadow_box purchase_cm_box" >
          <h4>Factor</h4>
        <hr>
        Your Name : <label id = "payerName">don't entered</label><br>
        Your id : <label id = "channel"></label><br>
        discount code : <label id = "disdis"></label><br>
        Pay Count
        <label id = "amount">7,000</label>
         $
        <br><br>
                <button class = "getBtn" id = "payBtn">Pay</button><br>

        <p id = "payStatus"></p>
      </div>
  </div>

Я пытался понять ваш вопрос, но у меня проблемы. Я понимаю, что вы хотите добавить <option>, но это все. Не могли бы вы переписать свой вопрос, чтобы он был более ясным, это может помочь. Вы спрашиваете, как заставить ваш Javascript обнаруживать stackoverflow--20 в s.txt, когда кто-то использует код купона stackoverflow?

holaymolay 07.10.2018 22:25

Привет, мистер Да, и если код stackoverflow существует в S.txt, цена будет * 20% (F.E, если stackoverflow - 30 = Цена * 30%)

LeVi 07.10.2018 23:28

еще один вопрос, есть ли у вас свобода форматировать s.txt по-другому? Если да, почему бы не отформатировать его с помощью JSON? Это даст вам более структурированный и информативный способ хранения кодов купонов.

holaymolay 08.10.2018 01:14

Я не понял вашей мысли, потому что я новичок в js и нуждаюсь в помощи; (

LeVi 08.10.2018 06:07

Смотри, братан, мне нужен код-> Проверить вариант скидки, и если введенный текст существует в S.txt, взорвать его с помощью -- и сделать price * exploded number. Например, если код - это Stack, а в s.txt -> Stack - 20, выполните price*20

LeVi 08.10.2018 12:10
Поведение ключевого слова "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) для оценки ваших знаний,...
0
5
76
1

Ответы 1

Я старался не отвечать официально на этот вопрос, потому что не уверен, что нужно LeVi. Но в результате нашего разговора в комментариях меня попросили предоставить код.

Вот мое лучшее предположение о том, о чем спрашивает ЛеВи:

let inputCode = "stackoverflow"; 
let savedCode = "stackoverflow--20"; // derived from file s.txt

let splitSavedCode = savedCode.split('--'); // this will return ['stackoverflow', '20'] 

if ( inputCode == splitSavedCode[0] ) { 
  // edited after further discussion in comments
  let discountPercentage = splitSavedCode[1] / 100;
  let discountAmount = price * discountPercentage;
  $('#discount').val(discountAmount);
} 

Привет. Посмотрите, вы вводите код скидки в `<input type = " text "class = " form-control "id = " Discount "placeholder = " Discount code "> <br>`, если введенный вами код существует на S.txt Это цена *% (размер скидки)

LeVi 08.10.2018 18:27

@LeVi вы имеете в виду, что нужно обновить входное значение?

holaymolay 08.10.2018 18:39

да да, это необходимо обновить. Вы можете увидеть коды цен в JS

LeVi 08.10.2018 18:47

@LeVi, ладно, посмотри и скажи мне, лучше ли это

holaymolay 08.10.2018 19:02

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

Высота вложенных div и переполнение
Как игнорировать шорткод при поиске текста HTML
Добавить стиль css в шаблон веточки (стиль найденного класса не применяется)
Как я могу отобразить результат поиска записей сотрудников в моем текстовом файле через PHP?
Определите портретный или альбомный режим и уровень масштабирования для мобильных устройств (но не для браузеров)
Что вызывает следующую ошибку в этом коде: Ошибка HTTP 411. Запрос должен быть разбит на фрагменты или иметь длину содержимого?
Программа чтения с экрана NVDA читает заголовок дважды при встраивании со ссылкой
Firefox Webextensions: изменение HTML перед синтаксическим анализом браузера
Изображение масштабируется по-разному в зависимости от браузера, если используется свойство display flex
Добавьте идентификатор тега привязки на URL-адрес и добавьте плавную прокрутку с дополнительной высотой