Функция Javascript внутри php

Question

Я пытаюсь создать кнопку в php и увеличить или уменьшить ее значение (внутри ввода текста) при щелчке.

<?php 

echo "<script> 
    function inc(elem) 
    { 
     x = elem.value; 
     //alert('dsadasdasdsadasdas'); 
     if(x<31) 
     { 
     x= x+1; 
     } 
     alert(x); 
     elem.value = x; 
    } 
    </script>"; 

      echo '<form action="tziros.php" method="post">'; 
      echo '<input type="text" value="1" name="tziros_imeras">'; 
      echo '<br>'; 
      //echo '<input type="button" value="ADD +" onClick="inc(document.getElementById("tziros_imeras"))">'; 
      echo '<input type="button" value="ADD +" onClick="inc(document.getElementById(\'tziros_imeras\'))">' 
      //echo '<input type="button" value="DEC -" onClick="dec();">'; 
      echo '<input type="submit" name="submit_tziros_meras" value="OK">'; 
      echo '</form>'; 
?> 

Проблема в том, что javascript не работает вообще.

EDIT: после прочтения ваших ответов я пришел с этим: ЯШ:

function inc(elem) 
     { 
     elem.value++; 
     } 

и по форме:

echo '<input type="text" value="1" id="tziros_imeras" name="tziros_imeras">'; 

Так что теперь, наконец, в JS работает.

Answer 1

• Вы ищете tziros_imeras по ID (getElementByID), но у вас есть только name свойство установлено до tziros_imeras

• вы только метод inc() - вы отсутствующей метод dec()

и самое главное:

• вы приращением x, которая является локальной переменной (это не влияет на фактический элемент), вы должны сделать вместо этого:

  elem.value + = 1;

Answer 2

Обновите PHP, чтобы использовать эту форму, чтобы это было легче читать и отлаживать:

echo reference

echo <<<END 
content here will be printed 
multiple lines! 
END; 

Я не уверен, что я верю, что это не «работает». Вставьте оповещение в свой JavaScript для проверки.

alert('I am alive'); 

Answer 3

Эта часть кода:

echo '<input type="button" value="ADD +" onClick="inc(document.getElementById("tziros_imeras"))">'; 

должно быть так:

echo '<input type="button" value="ADD +" onClick="inc(document.getElementById(\'tziros_imeras\'))">'; 

JS быть выводимый было так:

onClick="inc(document.getElementById("tziros_imeras"))" 

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

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