Anzeige textbox als pro den Wert aus dropdown gewählt

<select>
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
</select>

Hallo an alle 🙂

Habe ich eine Seite mit drop-down-Liste und Textfeld.Die drop-down-Liste enthält zahlen.. sobald der Benutzer wählen Sie den Wert aus der drop-down-Liste wird angezeigt, Textfelder basierend auf der gewählten Nummer...

Ich weiß nicht, wie diese Funktion zu erfüllen 🙁

Ich brauche Hilfe ..

Wenn 1 ausgewählt ist aus dropdown 1 Textfeld angezeigt werden soll , wenn 2 ausgewählt ist aus der dropdown-2-text-Feld angezeigt werden soll...gleiche wie für die übrigen...

Danke..

haben Sie versucht, eine Sache
die Frage scheint nicht vollständig, was die Logik ist, die zum anzeigen von text box. Können Sie jquery verwenden?
Versuchen Sie stackoverflow.com/questions/16997401/...
Nein, ich habe nicht probiert, nichts .. javascript verwenden, um es zu vervollständigen..
helfen Sie mir bitte ...

InformationsquelleAutor rinold simon | 2013-06-13

  1. 3

      <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
<title></title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {

        $('#slct').change(function () {
            var value = $(this).val(); var toAppend = '';
            if (value == 1) {
                toAppend = "<input type='textbox' >"; $("#container").html(toAppend); return;
            }
            if (value == 2) {
                toAppend = "<input type='textbox' >&nbsp;<input type='textbox' >"; $("#container").html(toAppend); return;
            }
            if (value = 3) {
                toAppend = "<input type='textbox' >&nbsp;<input type='textbox' >&nbsp;<input type='textbox' >"; $("#container").html(toAppend); return;

            }

        });

    });
     </script>
  </head>
 <body>
<form id="form1" runat="server">
<div>
     <select id="slct">
   <option value="1"> 1 </option>
     <option value="2"> 2 </option>
   <option value="3"> 3 </option>
    </select>
   <div id="container"></div>
</div>
</form>
  </body>
   </html>

    wenn jquery nicht funktioniert, versuchen Sie diesen code : 

     function change() {
        var select = document.getElementById("slct");
        var divv = document.getElementById("container");
        var value = select.value;
        if (value == 1) {
            toAppend = "<input type='textbox' >"; divv.innerHTML=toAppend; return;
            }
            if (value == 2) {
                toAppend = "<input type='textbox' >&nbsp;<input type='textbox' >";divv.innerHTML = toAppend;  return;
            }
            if (value = 3) {
                toAppend = "<input type='textbox' >&nbsp;<input type='textbox' >&nbsp;<input type='textbox' >";divv.innerHTML = toAppend;  return;

            }
     }

<select id="slct" onchange="change();">
 <option value="1"> 1 </option>
<option value="2"> 2 </option>
 <option value="3"> 3 </option>
  </select>
  <div id="container"></div>
    wenn ich wählen Sie 2 wählen Sie aus der dropdown-brauche ich zwei Textfelder angezeigt werden..dein code nicht funktioniert sora..
    ich bearbeitete meinen code bitte überprüfen Sie es
    wenn ich die Option Wert aus dropdown-keine Textfelder angezeigt werden ..
    hast u korrigieren Sie Ihre selectbox und fügen <option value="1" > u haben, zu korrigieren und Werte hinzufügen, um Ihre Optionen oder es wird nicht funktionieren, das ist ein Beispiel, weil ich es selbst ausprobiert
    ich habe gerade kopiert und eingefügt, Ihren code...es ist nicht für mich arbeiten..der code u gab, sollten Sie im body-Bereich Ritus ?

    InformationsquelleAutor Sora

  2. 0

    Blick auf den link, Sie erhalten die Idee darüber.. zuerst müssen Sie, um etwas zu versuchen..

    wie kann wählen Sie aus der drop-down-Menü, und rufen Sie die javascript-Funktion

    kann u post mir das javascript für meine obige Frage

    InformationsquelleAutor Vignesh Paramasivam

  3. 0

    Können Sie versuchen, diesen code:

    <html xmlns="http://www.w3.org/1999/xhtml">
 <head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {

        $('#slct').change(function () {
            var value = $(this).val(); var toAppend = '';
            if (value == 1) {
                toAppend = "<input type='textbox' >"; $("#container").html(toAppend); return;
            }
            if (value == 2) {
                toAppend = "<input type='textbox' >&nbsp;<input type='textbox' >"; $("#container").html(toAppend); return;
            }
            if (value = 3) {
                toAppend = "<input type='textbox' >&nbsp;<input type='textbox' >&nbsp;<input type='textbox' >"; $("#container").html(toAppend); return;

            }

        });

    });
     </script>
  </head>
 <body>
<form id="form1" runat="server">
<div>
     <select id="slct">
   <option value="1"> 1 </option>
     <option value="2"> 2 </option>
   <option value="3"> 3 </option>
    </select>
   <div id="container"></div>
</div>
</form>
  </body>
   </html>
    kann u geben Sie java-script-code für diese
    Ich habe mein edit beantworten. Bitte überprüfen Sie es mit dieser.
    Ich habe diesen code als Teil meiner form, aber wenn ich wählen Sie auf ein Element aus einer Dropdown-Liste wird im Textfeld angezeigt und die Liste verschwindet plötzlich. Irgendwelche Ideen?

    InformationsquelleAutor skparwal

Schreibe einen Kommentar