[JavaScript][AJAX][PHP]Wpisanie do inputa po naciśnięciu Opcje

[Warmix]

[PHP] pobierz, plaintext 
echo "<input type='text' size='10' name='new_name' />";
 
$a = 'super';
 
echo "<br><br>";
echo $a;
[PHP] pobierz, plaintext 

Mam taki kod. Chciałbym teraz, aby po naciśnięciu tekstu wyświetlonego przez echo $a, przez javescript została wprowadzona do inputa zawartość, która jest w zmiennej $a. Pomoże ktoś?

[Star]

[PHP] pobierz, plaintext 
echo "<input type='text' size='10' id='new_name' name='new_name' />";
 
$a = 'super';
echo" <input type='hidden' id='hiddenText' value = '$a'  />";
echo "<button onclick='setText();'>click</button>
echo "<br><br>";
[PHP] pobierz, plaintext 

I kod js

[PHP] pobierz, plaintext 
<script>
function setText() 
{
  var text = document.getElementById('hiddenText').value;
 
  document.getElementById('new_name').value = text
} 
[PHP] pobierz, plaintext 

[viking]

Js bezpośrednio nie odczyta zmiennej w PHP. Wpakuj to do jakiegoś elementu o id i w js getelementbyid, queryselector, innerhtml oraz value dla inputa.

[Warmix]

A jak to puścić w pętli?

Ten sposób nie działa:

[PHP] pobierz, plaintext 
$i = 1;
while($i<5)
{
echo" <input type='hidden' id='hiddenText' value = '$i'  />";
echo "<button onclick='setText();'>click</button>";
$i++;
}
[PHP] pobierz, plaintext 

Teraz w zależności, na który button nacisnę to taka wartość zmiennej $i pojawia się w inpucie?

Ten post edytował Warmix 2.07.2016, 14:34:11

[IAmBoskiM]

[PHP] pobierz, plaintext 
<?php
echo '<input type="text" size="10" name="new_name" id="inp" />';
$a = 'super';
echo "<script>var a = $a;</script>";
?>
[PHP] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
// przypominam, że ten skrypt bądź jego załącznik musi się znajdować po powyższym kodzie (PHP) inaczej to nie będzie działać
var but = document.getElementById('jakies_id'); // button
var input = document.getElementById('inp');
but.addEventListener('click', function () {
   input.value = a;
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował IAmBoskiM 2.07.2016, 15:16:37

[Warmix]

Jestem nieco zielony w JS. Próbowałem to jakoś połączyć, wrzucić pętlę itd. ale nie chce działać.

[Star]

ale po chce chcesz to rozwiazac w taki sposob ?

mozesz przy kazdym inpucie do ktorego chcesz wrzucic wartosc dodac button z podlaczona funkcja ktora doda to do niego:

[PHP] pobierz, plaintext 
 
<script>
function setText(id, val) 
{
  document.getElementById(id).value = val;
} 
</script>
<?php
    $i = 1;
    while($i<5)
    {
		echo" <input type='text' id='newText_$i' value = ''  />";
		echo "<button onclick=\"setText('newText_$i', $i);\">click</button>";
		$i++;
    }
?>
 
[PHP] pobierz, plaintext 

[Warmix]

Tylko właśnie chodzi o to, że input text musi być jeden, a w pętli tylko przyciski i w zależności który przycisk nacisnę, to taka wartość przekazywana jest do inputa.
Ale już edytowałem twój kod i wychodzi na to, że działa. Dzięki

Ten post edytował Warmix 2.07.2016, 16:29:40

[Star]

[PHP] pobierz, plaintext 
    <script type="text/javascript">
 
		function setText(text)
		{
		  document.getElementById('new_name').value = text
		}
     </script>
    <?php
 
    echo "<input type='text' size='10' id='new_name' name='new_name' />";
 
    $i=1;
    while($i<5)
    {
        echo "<p onclick='setText(".$i.");'>click</p>";
        $i++;
    }
 
    ?>
[PHP] pobierz, plaintext