PHP - Wie Generiere ich neue text-Felder, die basierend auf einem select-option Feld Wert?

Wie Mach ich ein drop-down-box, wenn der Wert ausgewählt ist, wird es schaffen, dass noch viele weitere text-Felder auf dem gleichen Formular.

Ich habe eine select-option Feld, das Sie fragt "wie viele Kategorien gibt, die Sie brauchen? 1-6"
Wenn der Benutzer wählt 3 es wird auf die gleiche form schaffen 3 neue text-Felder, die den Benutzer auffordert, geben Sie einen Namen für jede Kategorie. Wenn es 6 Kategorien, dann wird es generieren 6 Textfelder.

Sobald der submit-button geklickt wird die Daten geht auf die Seite einfügen und die Datenbank wird aktualisiert. Mein problem ist das erzeugen des neuen text-Felder basiert auf dem wählen Sie die option Wert.

<select name="num_cat" onchange="document.textbox.value=this.value">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>

<input type="text" name="textbox" id="textbox">

<?php
If $_POST[num_cat] == 1{
echo ;
}else 
?>

und das ist, wo ich verloren gehen.
In der Datenbank habe ich die Felder für Category1, Category2, etc... und diese Felder werden ausgefüllt, indem die Werte der Textfelder erzeugt.

Wenn jemand irgendwelche Vorschläge oder Beispiele wäre ich sehr dankbar.
Danke.

~G~

InformationsquelleAutor Garaelb | 2011-11-01
  1. 2

    Sein scheint, wie Sie wirklich brauchen nur eine Schleife verwenden, um die Ausgabe der Anzahl der Felder, die Sie benötigen.

    Beispiel:

    Würden Sie haben eine form, die bitten der Nutzer die Menge der Felder, die Sie benötigen,

    form.php

    <form action="category_form.php" method="get">
    Number of fields required:  
    <select id="num_cat" name="num_cat">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
    </select>
    <input type="submit" name="submit" value="Submit"/>
</form>

    category_form.php

    if(isset($_GET['submit']) && isset($_GET['num_cat'])){

    $num_of_fields = $_GET['num_cat']; //WARNING: Requires validation/sanitisation

    echo '<form method="post" action="action.php">';
    for($i=1; $i<=$num_of_fields; $i++){
        echo '<input type="text" name="category-'.$i.'" />';
    }
    echo '<input type="submit" name="submit" value="Submit"/>';
    echo '</form>';
}

    JEDOCH, dies wäre viel einfacher, wenn Sie mit JQuery dynamisch zu aktualisieren, die Menge der Felder, wie dies entfernen würde, die Notwendigkeit, die Seite zu aktualisieren. Sie können dies tun, indem mithilfe des folgenden Codes.

    index.html

    <html>
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script>
    <script type="text/javascript">
        //when the webpage has loaded do this
        $(document).ready(function() {  
            //if the value within the dropdown box has changed then run this code            
            $('#num_cat').change(function(){
                //get the number of fields required from the dropdown box
                var num = $('#num_cat').val();                  

                var i = 0; //integer variable for 'for' loop
                var html = ''; //string variable for html code for fields 
                //loop through to add the number of fields specified
                for (i=1;i<=num;i++) {
                    //concatinate number of fields to a variable
                    html += 'Category ' + i + ': <input type="text" name="category-' + i + '"/><br/>'; 
                }

                //insert this html code into the div with id catList
                $('#catList').html(html);
            });
        }); 
    </script>
</head>
<body>
    <form method="post" action="action.php">
        Number of fields required:      
        <select id="num_cat" name="num_cat">
            <option value="0">- SELECT -</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
        </select>

        <div id="catList"></div>
        <input type="submit" name="submit" value="Submit"/>
    </form>
</body>
</html>

    Diese aktualisieren dann on-the-fly anstatt neu zu laden, PHP Seite alle Zeit zum erstellen der Felder.

    Natürlich müssen Sie fügen Sie CSS-code, aber ich nicht zu tun für Sie ;).

    P. S. Anstelle der Verwendung .keyup, die Sie möglicherweise verwenden möchten .ändern Sie stattdessen...

    • Weit leichter als das wäre es, die 6 statische Felder mit nur einer anfänglich sichtbar und Sie dann anzeigen, basierend auf dem Wert wählen. Auf diese Weise können Sie immer überprüfen, die auf der PHP-Seite, dass Sie Ihre 6 Felder. Aber, wenn Sie eine unbestimmte Anzahl von Feldern, Ihre Technik die richtige ist
    • Ja, guter Punkt, das würde Sinn machen. Aber nur die überprüfung, ob die Felder vorhanden sind, durch die Verwendung isset($_POST['column-1']) auch funktionieren würde.
    • Das code-Beispiel für index.html funktioniert genau wie ich es vorgestellt zu tun. Die nächste offensichtliche Frage, die ich habe ist, wie bekomme ich den eingegebenen text in die neu erstellte text-Felder in die db. Sehe ich nicht in dem Skript, in dem es erstellt eine variable Namen genannt zu werden, auf die durch eine INSERT-Anweisung. JeffD 's Antwort, die ich bin, zu denken, dass möglicherweise eine Verbesserung meiner ursprünglichen Idee. Können Sie erläutern, auf dass ein bisschen mehr bitte? Danke für Eure Antworten, meine Herren. Ich freue mich darauf, mehr von Euch allen.
    • Antwort ich denke, dass könnte eine Verbesserung meiner ursprünglichen Idee. Können Sie erläutern, auf dass ein bisschen mehr bitte?
    • Ich denke, was ich Frage, ist, was die string-Werte werden in dieser Erklärung basieren auf der code in der index-Beispiel? $sql="INSERT INTO Kategorie (category1, category2, category3) VALUES ('$_POST[]','$_POST[]','$_POST[]')";
    • wenn Sie eine dynamische Menge von Eingabefeldern, die Sie geben können, der das gleiche name-Attribut zu jedem mit [] Klammern, diese werden dann post die Felder in ein Array können Sie zugreifen mit PHP. ex. <input type="text" name="Katzen[]" id="cat1" /> <input type="text" name="Katzen[]" id="cat2" /> <input type="text" name="Katzen[]" id="cat3" /> geben Sie die folgende array in PHP: Array ( [Katzen] => Array ( [0] => dsa [1] => 3421 [2] => dfs -) )

    InformationsquelleAutor Daniel West
  2. 1

    Blick in die Verwendung von jQuery, code zu injizieren, erzeugt in einer Schleife wieder zurück in Ihre form.

    InformationsquelleAutor rogerlsmith
  3. 1

    Probieren Sie etwas wie dieses:

    <?php
if(isset($_POST[num_cat])) {
    $cats = intval($_POST[num_cat]);

    for(i=1;i>=$cats;i++) {
        echo '<input type="text" name="cat-'.i.'" />';
    }
?>

    Dadurch wird die select-box-Wert " und " echo aus einem Textfeld für die x-Anzahl von Kategorien. Sie können wickeln Sie diesen in eine form und dann werden Sie in der Lage zu senden und schreiben Sie die Daten in Ihre Datenbank.

    InformationsquelleAutor Samsquanch
  4. 0

    Klingt wie Sie brauchen, zu denken, über Ihr schema, um sicherzustellen, es ist skalierbar für Ihre Zwecke.

    Einen Weg, es zu tun, ist dieser Weg (der Art wie, wie Sie es jetzt haben):

    Tabelle: Nachrichten
    id Nachrichtentext category1 category2 category3 Kategorie 4

    Dies ist bequemer, wenn Sie gigantische Datenmengen, wie es eliminiert multiple-joins. Das problem ist, was passiert, wenn Sie möchten, um eine fünfte Kategorie?

    Eine andere Möglichkeit wäre, auf diese Weise:

    Tabelle: Nachrichten
    id und den text der Nachricht

    Tabelle: Kategorien
    id Kategoriename

    Tabelle: messages_categories
    id-messageID categoryID

    diese Weise können Sie so viele Kategorien wie Sie wollen, und Sie nicht haben, um eine Kategorie angeben, die für jede Nachricht.

    Also, wenn Sie bleiben lieber bei Ihren bestehenden option, die Sie könnten versuchen, den Aufruf einer javascript-Funktion, um zusätzliche Felder hinzuzufügen.

    <select name="num_cat" onchange="addField(this.value)">...

function addField(num) {
  for (i=0; i<num; i++) {
    var newinput = document.createElement('text');
    /* If you use bracket notation like this (only on the name parameter), it will treat it like an array*/
    newinput.name = 'Cat[]';
  }
}

<?php

//This will now be an array you can loop over
$_POST['Cat']; 

?>
    InformationsquelleAutor John Zumbrum
Schreibe einen Kommentar