Discussion :

[superthx]

Bonjour!
Je me demande si il est possible de faire du concat avec html.
Je vais prendre 2 exemples dans mon code.
Dans le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<label for="nave">Nave</label>
<select name="nave">
<?php //Detection IP sinon Liste DataBase
  if ($_SERVER['REMOTE_ADDR'] == '1.1.1.1') {
?>
  <option value="Garage" selected="selected">Garage</option>
<?php 
  } elseif ($_SERVER['REMOTE_ADDR'] == '2.2.2.2') {
?>
  <option value="Bureau" selected="selected">Bureau</option>
<?php 
  } else {
?>
<?php 
    while($datos = mysqli_fetch_array($query))
    {
?>
<option value="<?= $datos['nave']?>"><?= $datos['nave']?></option>
<?php 
    }
  }//Detection IP sinon Liste DataBase
?>
</select><br>

Selon la valeur il m´affiche Garage car j´ai l´ip du Garage

Ensuite j´ai ce select :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<label for="veh">Veh</label>
<select name="veh" id="veh">
  <option value="voiture">Voiture</option>
  <option value="moto">Moto</option>
</select><br>

Par default le premier qui apparait est Voiture

Viens ensuite pour l´exemple que je voulais cancatener les 2.
J´ai trouver cet exemple, mais je sais pas comment concatener Garage + Voiture dans le script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<label for="test">test concat</label>
<p id="test"></p>
<script>
let text1 = "sea";
let text2 = "food";
let result = text1.concat(text2);
 
document.getElementById("test").innerHTML = result;
</script>

[jreaux62]

Bonjour,

1- montre ce que donne :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<?php var_dump( $datos ); ?>

2- où veux-tu écrire "Garage + Voiture" ?
et à quel moment ? (après sélection dans les 2 <select> ?)

[superthx]

SAlut et merci pour l'aide.
1 - cela donne NULL
2 - ALors là c'est plus compliqué
le premier code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<label for="nave">Nave</label>
<select name="nave">
<?php //Detection IP sinon Liste DataBase
  if ($_SERVER['REMOTE_ADDR'] == '1.1.1.1') {
?>
  <option value="Garage" selected="selected">Garage</option>
<?php 
  } elseif ($_SERVER['REMOTE_ADDR'] == '2.2.2.2') {
?>
  <option value="Bureau" selected="selected">Bureau</option>
<?php 
  } else {
?>
<?php 
    while($datos = mysqli_fetch_array($query))
    {
?>
<option value="<?= $datos['nave']?>"><?= $datos['nave']?></option>
<?php 
    }
  }//Detection IP sinon Liste DataBase
?>
</select><br>

Je voudrais bien qu'il m'affiche à la fin du chargement de la page et sur le select si condition else. CE que j'arrive pas même en mettant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<select name="nave"> id="nave" onchange="getSelectValue();">

Car il prend la bonne ip.

Ensuite oui, l'idée est de faire "Garage-Voiture". Car pour l'exemple plus tard je dois faire plusieur concat et avec des onchange....

EDIT:
Je continue mes test avec d'autres objets.
J'ai ceci dans l'exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<label for="producto">Producto</label>
<select name="producto" id="producto" onchange="getSelectValue(producto);">
  <option value="pizarra">Pizarra</option>
  <option value="piedra">Piedra</option>
</select><br>
 
<label for="producto_tipo">Producto Tipo</label>
<select name="producto_tipo" id="producto_tipo" onchange="getSelectValue1(producto_tipo);">
  <option value="H">Hebra</option>
  <option value="S">Seca</option>
  <option value="R">Retela</option>
</select><br>
 
<script>
    function getSelectValue(producto)
    {
        var selectedValue = document.getElementById("producto").value;
        console.log(selectedValue)
    }
    function getSelectValue1(producto_tipo)
    {
        var selectedValue1 = document.getElementById("producto_tipo").value;
        console.log(selectedValue1)
    }
</script>

Cela marche pour le changement. Il me reste plus que savoir comment integrer la concat aussi bien à la fin du chargement de la page que au changement.

[jreaux62]

cela donne NULL

1- Forcément...
Je n'ai pas dit où le mettre...
Peu importe.

2-

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<label for="nave">Nave</label>
<select name="nave" id="nave">
 
... (ton code)
 
</select>
<br>
<label for="veh">Veh</label>
<select name="veh" id="veh">
  <option value="voiture">Voiture</option>
  <option value="moto">Moto</option>
</select>

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
window.addEventListener("DOMContentLoaded", (event) => {
  "use strict";
  const nave = document.querySelector('#nave');
  const veh = document.querySelector('#veh');
  nave.addEventListener('change', e => {
    getSelectValue();
  });
  veh.addEventListener('change', e => {
    getSelectValue();
  });
});
function getSelectValue()
{
  let sel_nave = nave.value;
  let sel_veh = veh.value;
  let json_datas = { 'nave':sel_nave, 'veh':sel_veh };
  console.log( json_datas );
// ici... tu en fais ce que tu veux...
};

[superthx]

Alors tu parles a un noob, mais pour js dans visual code tout est blanc. Il faut ajouter quelque chose ?

Edit :
a mettre entre balise script

[superthx]

Bon alors en console je vois bien les valeurs, concrètement je vois {nave: 'Test1', veh: 'Voiture'}
Alors que je voudrais essayer de voir seulement Test1-Voiture
Comment afficher le resultat dans html au lieu de faire un console ?
Autre truc a noter c'est que le resultat en ouput ne charge pas une fois la page chargé. Seulement au changement.

[jreaux62]

Bonjour,

voir :

• https://codepen.io/jreaux62/pen/abyMEdN

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>Tu seleccion: <b><span id="seleccionado"></span></b></p>

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function getSelectValue()
{
  let sel_nave = document.querySelector('#nave').value;
  let sel_veh = document.querySelector('#veh').value;
  // ... (on peut en ajouter d'autres)
  // ---------
  // affichage
  let texto = sel_nave + ' - ' + sel_veh;
  document.querySelector('#seleccionado').textContent = texto;
  // ---------
/*  
  let json_datas = { 'nave':sel_nave, 'veh':sel_veh };
  console.log( json_datas );
// ici... tu en fais ce que tu veux... -> envoi avec Ajax,...
*/
  // ---------
};

Ensuite, SOIT tu utilises le script JS :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
window.addEventListener("DOMContentLoaded", (event) => {
  "use strict";
  document.querySelector('#nave').addEventListener('change', e => {
    getSelectValue();
  });
  document.querySelector('#veh').addEventListener('change', e => {
    getSelectValue();
  });
  // ---------
  // au chargement
  getSelectValue();
});

SOIT tu ajoutes dans le HTML, sur chaque champ "utile" :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<select ...... onchange="getSelectValue();">

MAIS PAS LES DEUX !