[Javascript] Scrittura su più campi contemporaneamente

Arawan Omacha · 26 Nov 2019

Buona sera,
Dovrei far apparire la stessa scrittura in più campi avente lo stesso nome ed id,
ho un campo <input name="campo" id="campo"> che si moltiplica tramite un foreach.
Vorrei poter realizzare che quando scrivo su uno di questi campi (foreach), automaticamente ciò che scrivo viene riportato su tutti gli altri campi

Max 1 · 26 Nov 2019

Un ID non può esistere su più di un "input" se vuoi devi usare una classe

Arawan Omacha · 26 Nov 2019

Sto tentando di fare questo, ma non funziona...

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script type="text/javascript">

function scrivi()
{

  document.getElementsByClassName("test").value = document.getElementsByClassName("test").value

}
</script>
</head>

<body>
<div style="height:100%;">
<input class="test" type="text" id="campo1" onchange="scrivi()" />
<input class="test" type="text" id="campo2" />
<input class="test" type="text" id="campo3" />
</div>
</body>
</html>

marino51 · 26 Nov 2019

prova così, poi completi tu come desideri

HTML:

function scrivi()
{
  var stringa = document.getElementById("campo1").value;
  // alert (stringa);
  document.getElementById("campo2").value = stringa;
}

macus_adi · 27 Nov 2019

Semplice ed indolore.

Codice:

<template>
        <div v-for="item in max">
          <input type="text" v-model="inputs" />
        </div>
</template>

Arawan Omacha · 27 Nov 2019

macus_adi ha scritto:
Semplice ed indolore.

Codice:

<template> <div v-for="item in max"> <input type="text" v-model="inputs" /> </div> </template>

Potresti darmi più indicazioni su come utilizzarlo?

macus_adi · 27 Nov 2019

https://vuejs.org/v2/guide/forms.html

MarcoGrazia · 27 Nov 2019

Si ma devi usare una libreria in più, come vue.js appunto, quando si può fare con del semplice javascript come specificato da @marino51

A proposito, ma che c'entra col PHP

Arawan Omacha · 27 Nov 2019

MarcoGrazia ha scritto:
Si ma devi usare una libreria in più, come vue.js appunto, quando si può fare con del semplice javascript come specificato da @marino51

A proposito, ma che c'entra col PHP

Inizialmente stavo aprendo la discussione nella sezione java, però poi essendo che questi campi li ho all'interno del foreach del php pensavo che c'entrasse, visto che il campo contiene l'id, name, class sempre lo stesso

macus_adi · 27 Nov 2019

MarcoGrazia ha scritto:
libreria in più, come vue.js

É un framework non un libreria!

MarcoGrazia ha scritto:
A proposito, ma che c'entra col PHP

Magari vuole utilizzare un server php-echo!

Abb.

Arawan Omacha · 27 Nov 2019

macus_adi ha scritto:
É un framework non un libreria!

Non è possibile farlo senza utilizzare freamwork?

macus_adi · 27 Nov 2019

Arawan Omacha ha scritto:
Non è possibile farlo senza utilizzare freamwork?

Certo...

Arawan Omacha · 27 Nov 2019

macus_adi ha scritto:
Certo...

Sapresti darmi un illuminazione?

MarcoGrazia · 28 Nov 2019

macus_adi ha scritto:
É un framework non un libreria!

MarcoGrazia · 28 Nov 2019

Arawan Omacha ha scritto:
Sapresti darmi un illuminazione?

Guarda il secondo post, quello di @marino51

Arawan Omacha · 28 Nov 2019

MarcoGrazia ha scritto:
Guarda il secondo post, quello di @marino51

Già ho tentato con il suo suggerimento, ma non funziona, sinceramente non so più come fare
ho tentato sia all'interno del codice php che creando una singola pagina di test come la seguente:
ma senza alcun risultato, mi riposta i dati solo in un solo campo l'altro lo lascia vuoto

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>    VALORE CAMPI</title>
<script type="text/javascript">
function scrivi()
{
  var stringa = document.getElementById("campo1").value;
  // alert (stringa);
  document.getElementById("campo2").value = stringa;
}
</script>
</head>

<body>
<div style="height:100%;">
<input class="campo2"     id="campo1" onchange="scrivi()" />
<input class="campo2"    id="campo2"  />
<input class="campo2"    id="campo2"  />
</div>
</body>
</html>

macus_adi · 29 Nov 2019

Prova con questo, banale e brutto js.....

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>    VALORE CAMPI</title>
<script type="text/javascript">
function scrivi()
{
  var stringa = document.getElementById("campo1").value;

    for(let i=0;i<document.getElementsByClassName("campo2").length;i++){
    document.getElementsByClassName("campo2").item(i).value=stringa;
    }
}
</script>
</head>
<body>
<div >
<input class="campo_"     id="campo1" onkeyup="scrivi()" />
<input class="campo2"    id="campo2"  />
<input class="campo2"    id="campo2"  />
</div>
</body>
</html>

Arawan Omacha · 29 Nov 2019

macus_adi ha scritto:

Prova con questo, banale e brutto js.....

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>    VALORE CAMPI</title>
<script type="text/javascript">
function scrivi()
{
  var stringa = document.getElementById("campo1").value;

    for(let i=0;i<document.getElementsByClassName("campo2").length;i++){
    document.getElementsByClassName("campo2").item(i).value=stringa;
    }
}
</script>
</head>
<body>
<div >
<input class="campo_"     id="campo1" onkeyup="scrivi()" />
<input class="campo2"    id="campo2"  />
<input class="campo2"    id="campo2"  />
</div>
</body>
</html>

Questo banale e brutto js funziona a meraviglia, grazie @macus_adi

marino51 · 21 Feb 2021

Arawan Omacha ha scritto:
Già ho tentato con il suo suggerimento, ma non funziona

ho rivisto questa discussione, per suggerirti dove c'é l'errore che potrebbe causarti problemi anche in futuro,

"id" dei campi html deve essere UNIVOCO,
nel codice presente nel tuo primo post hai dichiarato come "id" campo1, campo2 e campo3

nel codice presente nei post successivi ( compreso quello che funziona )
gli "id" sono diventati campo1, campo2 e campo2 ripetuto

l'utilizzo come "id" di campo2 ripetuto non fa funzionare tutte le operazioni javascript che agiscono sul' "id" ripetuto

[Javascript] Scrittura su più campi contemporaneamente

Utente Attivo

Super Moderatore

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Discussioni simili