Javascript-форум - Помогите с Javascript кодом

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Помогите с Javascript кодом (https://javascript.ru/forum/misc/70749-pomogite-s-javascript-kodom.html)

рони,
Отлично! Все работает. Еще раз спасибо.

Еще раз вечер добрый, подскажите как вывести с input (id) переменную без перезагрузки страницы?

<input id="proso_engine_02" value=""/>
<input id="proso_table_02" value=""/>

<?php
$ak_price_engine = $_POST['proso_engine_02'];
$ak_price_table = $_POST['proso_table_02'];

echo $ak_price_engine;
echo $ak_price_table;
?>

Александр83,
это лучше к специалистам php

хорошо! а если все таки скриптом в этом коде?

<input id="proso_engine_02" value="1"/>
<input id="proso_table_02" value="2"/>
<p>тут значение value</p>

простите немного по другому, во так!

<input id="proso_engine_02" value="1"/>
<input id="proso_table_02" value="2"/>

<p>тут значение value от id="proso_engine_02"</p>
<p>тут значение value от id="proso_table_02"</p>

Александр83,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

  <script>
window.addEventListener('DOMContentLoaded', function() {
  var p =  document.querySelectorAll('p.temp');
 [].forEach.call(document.querySelectorAll('input.temp'), function(item,i) {
         item.addEventListener('input', function() {
             p[i].textContent = item.value;
         });
     });
    });
  </script>
</head>

<body>
<input id="proso_engine_02" value="1" class="temp"/>
<input id="proso_table_02" value="2" class="temp"/>

<p  class="temp">1</p>
<p  class="temp">2</p>

</body>
</html>

рони,
спасибо вам огромное!

Доброго времени суток!, подскажите как решить данную задачу?

<select width="100%" id="proso_table"> 
<option value="0" title="" price-table="0">по умолчанию</option> 
<option value="http://test_01.ru/" title="" price-table="100">Наименование №1 - сумма 100 руб.</option> 
<option value="http://test_02.ru/" title="" price-table="200">Наименование №1 - сумма 200 руб.</option> 
</select>
[JS] 
        document.querySelector('#proso_table').onchange = function() {
        var a = document.querySelector('#proso_table_01 a');
        a.href=this.value;
        a.textContent=this.value!='0'?'ссылка на контент':'';
        document.querySelector('#proso_table_02').value = this.options[this.selectedIndex].getAttribute('price-table');
   };
[/JS]
<div class="none_div" id="proso_table_01"><a target="_blank"></a></div>

<input id="proso_table_02"/>

Данный выше код - работает и выдает результаты, но проблема в том что - последнее значение от input нужно вывести в переменную php

переменная php - $ak_price_table

грубо по коду хотел решить его так -

<? echo $ak_price_table = '<input id="proso_table_02"/>';?>

но таким образом значение в переменную не сохраняются!
данная функция нужна для сложения результатов без перезагрузки страницы
к примеру сумма по умолчанию 100 руб + значение от выбранного инпута = итого:

Прошу помощь в данном вопросе - вознаграждение на пиво) гарантирую.

прошу прощения не правильно выставил JS

<select width="100%" id="proso_table">
<option value="0" title="" price-table="0">по умолчанию</option>
<option value="http://test_01.ru/" title="" price-table="100">Наименование №1 - сумма 100 руб.</option>
<option value="http://test_02.ru/" title="" price-table="200">Наименование №1 - сумма 200 руб.</option>
</select>

document.querySelector('#proso_table').onchange = function() {
        var a = document.querySelector('#proso_table_01 a');
        a.href=this.value;
        a.textContent=this.value!='0'?'ссылка на контент':'';
        document.querySelector('#proso_table_02').value = this.options[this.selectedIndex].getAttribute('price-table');
   };

<div class="none_div" id="proso_table_01"><a target="_blank"></a></div>
 
<input id="proso_table_02"/>

или подскажите, если нет данного решения, хоть как значение не в input
а div

document.querySelector('#proso_table').onchange = function() {
        var a = document.querySelector('#proso_table_01 a');
        a.href=this.value;
        a.textContent=this.value!='0'?'ссылка на контент':'';
        document.querySelector('#proso_table_02').value = this.options[this.selectedIndex].getAttribute('price-table');
   };

<div id="proso_table_02"/></div>