Puis-je soumettre les valeurs d'un formulaire à l'aide de <input type=“bouton” />?

Je suis en train de travailler sur un moteur de recherche et j'ai un problème vraiment sérieux avec GET et POST méthodes.

Im en utilisant un <input type="button" /> pour éviter la page d'actualiser à chaque fois que im en appuyant sur le bouton.

Après avoir pressé le bouton, je fais preuve d'un résultat (google_map, monumet image, les specs).

Le problème est maintenant que je veux envoyer et afficher les valeurs d'un formulaire + résultat (google_map, monumet image, spécifications) en appuyant sur ce bouton.

C'est un problème parce que <input type="button" /> ne soumet pas les valeurs d'un formulaire et je suis vraiment coincé.

l'utilisation de javascript document.getElementById("myform").submit();
le code s'il vous plaît?
<input id="slide" onMouseUp="getScriptPage('count_display','text_content','1')" type="button" style="font-family:cursive;border-radius:10px 10px 10px 10px;background-color:brun;couleur:blanc;font-size:14pt;" value="Rechercher maintenant" name="filter" /> <BR/><BR/>
le problème est que j'ai déjà à l'aide de javascript si le bouton isset onMouseUp="getScriptPage('count_display','text_content','1')"
est-il possible d'appeler des fonctions javascript même temps ? onMouseUp="getScriptPage('count_display','text_content','1'); script_page2(.....);"

OriginalL'auteur Antreas Apostolou | 2013-09-15

  1. 3

    Sûr, voici un exemple pour vous:

    index.php

    <!DOCTYPE html>
<html>
<head>
    <title>Working Example</title>
</head>
<body>

<form id="search-form">
    <input type="text" name="text1" id="text1" value=""><br>
    <input type="text" name="text2" id="text2" value=""><br>
    <input type="text" name="text3" id="text3" value=""><br>
    <input type="button" id="search-button" name="search-button" value="search">
</form>

<div id="response"></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('#search-button').click(function(){
            $.ajax( {
                type: "GET",
                url: 'response.php',
                data: $('#search-form').serialize(),
                success: function(response) {
                    $('#response').html(response);
                }
            } );
        });
    });
</script>

</body>
</html>

    response.php

    <?php

echo "text1: " . $_GET['text1'] . "<br>";
echo "text2: " . $_GET['text2'] . "<br>";
echo "text3: " . $_GET['text3'] . "<br>";

echo "your response ...";

    Dans la réponse vous retourner quelque soit votre réponse est, de plus, les champs de formulaire.

    grâce arielcr,pouvez-vous svp me poster un exemple de travail avec ce code vous suffit de poster à moi? coz j'ai essayé moi-même et je pense que im faire quelque chose de mal
    - Je modifier la réponse avec un exemple de travail. Je ne connais plus pour vous dire que vous pouvez utiliser n'importe quel événement pour l'ajax réponse, j'ai utilisé l'événement click du bouton comme un exemple. Espérons que cela aide!
    merci beaucoup vous êtes le meilleur...vous sauver ma journée pour vous ...:-)
    Vous êtes les bienvenus! Veuillez marquer ma réponse acceptée =)

    OriginalL'auteur arielcr

  2. 1
    onClick="document.getElementById('FormName').submit();"
    je suis déjà à l'aide de onMouseUp="getScriptPage('count_display','text_content','1')"......Puis-je utiliser onclick et onMouseUp dans la même entrée?
    Il prendrait moins de l'essayer vous-même en écrivant ce commentaire...
    Oui, il va travailler, ceux sont deux événements séparés

    OriginalL'auteur Hanky Panky