Inserer un Input

Version imprimable

Inserer un Input

Bonjour,
J'ai actuellement un formulaire de recherche dans lequel il me faut dupliquer une var 'var Search'.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function validateForm(){ var Search = document.getElementById("mod-mbsearch-searchword").value; var Length = document.getElementById("mod-mbsearch-searchword").getAttribute("length"); ??? document.write('<input type="hidden" id="Search" value="'+Search+'" name="Search">'); if (Search.length <= Length) { document.getElementById("info").style.display='block'; return false; } else return true; }
Voici le code de validation de mon formulaire ( avec mon test qui ne fonctionne pas :-)).
Comment faire pour soit insérer le input id="Search" dans mon formulaire ?
Ou mettre a jour la value du input id="Search" à jour dans le formulaire ?
merci pour votre aide

Salut Slushgood,

Code:

1
2
3
4
5
6
7
8
var Search = document.getElementById('mod-mbsearch-searchword').value
var inputHidden = document.createElement('input')
inputHidden.setAttribute('type', 'hidden')
inputHidden.setAttribute('id', 'Search')
inputHidden.setAttribute('name', 'Search')
inputHidden.value = Search
 
document.body.append(inputHidden);

25/05/2023, 09h15
SpaceFrog

Attention toutefois si tu dois en créer plusieurs, un id doit être unique sur la page => pense à incrémenter l'id

Merci pour ces explications.
Cependant cela n'a pas l'air de fonctionner.
Je ne récupére pas [Search] dans mon $_GETVoici mon formulaire de depart

Code:

1
2
3
4
5
6
7
8
9
10
<form class="mod-mbsearch js-****-searchform form-search" action="<?php echo Route::_($route); ?>" onsubmit="return validateForm();" method="get" role="search">
    <input type="hidden" name="option" value="com_***">
    <input type="hidden" name="view" value="Books">
    <input type="hidden" name="_layout" value="listing">
    <input type="hidden" name="<?php echo Session::getFormToken(); ?>" value="1" />
    <input type="hidden" value="modsearch" name="typeSearch">
    <input type="hidden" id="adv_Search" value="0" name="adv_Search">
    <input type="hidden" id="filter_Search" value="1" name="filter_Search">
    <input type="hidden" name="Itemid" value="<?php echo $mitemid; ?>">
</form>

avec le script

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
    function validateForm(){
        var Search = document.getElementById("mod-mbsearch-searchword").value;
        var Length = document.getElementById("mod-mbsearch-searchword").getAttribute("length");
       	var inputHidden = document.createElement('input')
            inputHidden.setAttribute('type', 'hidden')
            inputHidden.setAttribute('id', 'Search')
            inputHidden.setAttribute('name', 'Search')
            inputHidden.value = Search
 
		document.body.appendChild(inputHidden);
 
    	if (Search.length <= Length)
    	{ document.getElementById("info").style.display='block';
    		return false;
    	}    	
    	else
		   return true;
} 
 
</script>

25/05/2023, 19h20
NoSmoking
Bonjour,

Citation:

Je ne récupére pas [Search] dans mon $_GET

pour qu'il soit pris en compte il faut ajouter l'élément à ton formulaire et non au document.body.
Code:

1 2 const elemDestination = document.querySelector(".mod-mbsearch"); elemDestination.append(inputHidden);
26/05/2023, 08h45
Slushgood

Super ! Ça fonctionne :-)
Il faut vraiment que je vois plus en détail le Javascript :?