Как передать переменную из DOM-скрипта в ссылку href

Я хочу передать переменную из java-скрипта в html-ссылку.

<li hidden><a id = "url_call" href='/paytm/response/?response = {{response}}' 
value = "{{response}}">{{response}}</a></li>
<script src = "https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
  var options = {
    "key": "rzp_test_rpDFJlAD0LDl8Y",
    "subscription_id": "{{ sub_id }}",
    "name": "My Billing Label",
    "description": "Auth txn for sub_8seKGNhVEOwnjj",
    "handler": function (response){
      // alert(response.razorpay_payment_id);
      document.getElementById("url_call").click(response);
    }
  };
  var rzp1 = new Razorpay(options);
  document.getElementById('rzp-button').onclick = function(e){
    rzp1.open();
  }
</script> 

В приведенном выше коде я хочу получить переменный ответ от

 "handler": function (response){
          // alert(response.razorpay_payment_id);
          document.getElementById("url_call").click(response);
        }

к

<li hidden><a id = "url_call" href='/paytm/response/?response = {{response}}' 
    value = "{{response}}">{{response}}</a></li>

Я думаю, что то, как я поступаю, неправильно. Может ли кто-нибудь помочь мне с этим? Спасибо.

Тот факт, что вы используете django для серверной части, совершенно не имеет значения - к моменту выполнения кода js он будет работать точно так же, если бы html был сгенерирован с помощью PHP, Java или Ruby или был просто статическим html... (тег удален)

bruno desthuilliers 18.03.2019 17:12
Поведение ключевого слова "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) для оценки ваших знаний,...
1
1
52
1

Ответы 1

Вы можете установить значение атрибута href следующим образом:

document.getElementById('url_call').setAttribute('href', '/paytm/response/?response='+response);

Note <a tag does not have value attribute. Click here to learn about valid attributes

Если вы настаиваете на изменении значения атрибута value, сделайте следующее:

document.getElementById('url_call').setAttribute('value', response);

Чтобы изменить текст тега <a, используйте:

document.getElementById('url_call').innerText = response;

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

"handler": function (response){
   var el = document.getElementById('url_call');
   el.setAttribute('href', '/paytm/response/?response='+response);
   el.setAttribute('value', response);
   el.innerText = response;
}

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