Wie zu verwenden onClick() oder onSelect() auf option-Tags in einer JSP-Seite?

Wie zu verwenden onClick() oder onSelect() mit option tag? Unten ist mein code, in dem ich versucht zu implementieren, aber es funktioniert nicht wie erwartet.

Hinweis: listCustomer domain-Objekt-Liste, die immer in der JSP-Seite.

<td align="right"> 
  <select name="singleSelect" "> 
     <c:forEach var="Customer" items="${listCustomer}" >
     <option value="" onClick="javascript:onSelect(this);> <c:out value="${Customer}" /></option>
                </c:forEach>
          </select>         
        </td>

Wie kann ich es ändern, um zu erkennen, dass eine option aktiviert ist?

<option> - Elemente nicht Feuer die click Ereignis in allen Browsern, sollten Sie streunende Weg von sich auf diese. Auch vorsichtig sein, beim hinzufügen von Tags, Java != JavaScript, "Java ist JavaScript, was für ein Auto ist auf Teppich."
mit dem obigen code, den ich am erstellen von drop-down-Menü, in dem Kundennamen angezeigt werden. wenn ich " jeder, der den Wert in der drop-down-Menü, das mit dem Wert übergeben soll, um java-script.. Bitte helfen Sie mir, wie es zu tun..
können Sie die untenstehenden Kommentare, die ich fiel für stephen und ich erwarte Ihre Antwort für die, die

InformationsquelleAutor Manu | 2010-08-15

javascript

77

Weder die onSelect() noch onClick() Veranstaltungen werden unterstützt durch die <option> tag. Ersteres bezieht sich auf das auswählen von text (d.h. durch klicken + ziehen über ein Textfeld), so kann nur verwendet werden, mit der <text> und <textarea> - tags. Die onClick() Ereignis kann verwendet werden, mit <select> - tags - jedoch, sind Sie wahrscheinlich auf der Suche für Funktionalität, wo wäre es am besten, um die onChange() Ereignis, nicht onClick().

Darüber hinaus durch den Blick Ihrer <c:...> - tags, können Sie auch versuchen, zu verwenden JSP syntax in ein HTML-Dokument. Das ist einfach... falsch.

Antwort auf dein Kommentar auf diese Antwort - ich kann Sie kaum verstehen. Jedoch, es klingt wie das, was Sie tun möchten ist, bekommen Sie den Wert des <option> tag, dass der Benutzer gerade ausgewählt haben, wenn Sie wählen Sie eine. In diesem Fall möchten Sie so etwas wie:
```
<html>
 <head>
  <script type="text/javascript">

   function changeFunc() {
    var selectBox = document.getElementById("selectBox");
    var selectedValue = selectBox.options[selectBox.selectedIndex].value;
    alert(selectedValue);
   }

  </script>
 </head>
 <body>
  <select id="selectBox" onchange="changeFunc();">
   <option value="1">Option #1</option>
   <option value="2">Option #2</option>
  </select>
 </body>
</html>
```
mit dem obigen code, den ich am erstellen von drop-down-Menü, in dem Kundennamen angezeigt werden. wenn ich " jeder, der den Wert in der drop-down-Menü, das mit dem Wert übergeben soll, um java-script.. Bitte helfen Sie mir, wie es zu tun..
ich habe mehr als 1000 Kunden Namen ..in diesem Fall, wie kann ich die erstellen-option#1 option#2. und auch Daten dynamische
In dem Fall, werden Sie wahrscheinlich wollen, um Sie aufzufüllen server-Seite. Verwenden Sie PHP auf der server-Seite oder eine andere Sprache?
meine Anforderung ist, ich habe drop-down-Menü(Anzeige der jsp-Seite) enthält eine n-Anzahl von Kunden-Namen. wenn ich klicken Sie auf jeden Namen in dieser Liste, die gewählten Namen schicken sollte, um javascript-Funktion. Bitte die Lösung für dieses..
Ah, also du arbeitest in Java Server Pages (JSP). Sorry, aber das ist aus meiner Erfahrung heraus reichen. Ich habe nur verwendet JSP-einmal, und das war für die Erzeugung von nur einer XML-Datei, nicht die richtige HTML. Ich schlage vor, Sie google für einige tutorials auf JSP. Sorry.

InformationsquelleAutor Stephen

Sogar noch mehr vereinfacht: Sie können übergeben, die Wert Attribut direkt!

<html>
 <head>
  <script type="text/javascript">

   function changeFunc($i) {
    alert($i);
   }

  </script>
 </head>
 <body>
  <select id="selectBox" onchange="changeFunc(value);">
   <option value="1">Option #1</option>
   <option value="2">Option #2</option>
  </select>
 </body>
</html>

Der Alarm wird entweder zurück 1 oder 2.

InformationsquelleAutor Hannes Schneidermayer

Die Antwort, die Sie gab oben funktioniert, aber es ist verwirrend, weil Sie verwendet haben, zwei Namen zweimal und Sie haben eine unnötige Zeile code. Sie sind dabei ein Prozess, der nicht notwendig ist.

es ist eine gute Idee, wenn Sie debugging-code zu erhalten Papier und Stift und Malt kleine Kästchen repräsentieren Speicherplätze (ich.e-Variablen gespeichert werden) und dann zu zeichnen Pfeile, um anzuzeigen, wenn eine variable geht in ein kleines Feld und wenn es rauskommt, wenn es überschrieben wird, oder wird eine Kopie gemacht usw.

wenn Sie dies tun, mit dem code unten werden Sie sehen, dass

var selectBox = document.getElementById("selectBox");

wird in einen Kasten und da bleibt Sie nicht tun, etwas mit ihm danach.

und

var selectBox = document.getElementById("selectBox");

ist schwer zu Debuggen, und ist verwirrend, wenn Sie eine select id der selectBox für die Liste der Optionen . ---- die selectBox wollen Sie zu manipulieren /Abfrage /etc ist es die lokale var selectBox, verschwinden, oder ist es die selectBox id, die Sie zugeordnet haben wählen Sie tag

dein code funktioniert, bis Sie es hinzufügen oder modifizieren, dann kann man leicht verlieren und erhalten Sie alle Durcheinander

<html>
<head>
<script type="text/javascript">

function changeFunc() {
var selectBox = document.getElementById("selectBox");
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
alert(selectedValue);
}

</script>
</head>

<body>
<select id="selectBox" onchange="changeFunc();">
<option value="1">Option #1</option>
<option value="2">Option #2</option>
</select>
</body>
</html>

einen schlankeren Weg, der funktioniert ist auch:

<html>
<head>
<script type="text/javascript">

function changeFunc() {

var selectedValue = selectBox.options[selectBox.selectedIndex].value;
alert(selectedValue);
}

</script>
</head>
<body>
<select id="selectBox" onchange="changeFunc();">
<option value="1">Option #1</option>
<option value="2">Option #2</option>
</select>
</body>
</html>

und es ist eine gute Idee, verwenden Sie beschreibende Namen, die mit dem Programm und Aufgabe Sie arbeiten gerade Schreibe, ein ähnliches Programm zu akzeptieren und zu verarbeiten Postleitzahlen, die mit Ihrem code und ändern Sie Sie mit beschreibenden Namen das Objekt ist, um computer-Sprache so nah an der natürlichen Sprache wie möglich.

<script type="text/javascript">

function Mapit(){

var actualPostcode=getPostcodes.options[getPostcodes.selectedIndex].value;

alert(actualPostcode);

//alert is for debugging only next we go on to process and do something
//in this developing program it will placing markers on a map

}

</script>

<select id="getPostcodes" onchange="Mapit();">

<option>London North Inner</option>

<option>N1</option>

<option>London North Outer</option>

<option>N2</option>
<option>N3</option>
<option>N4</option>

//a lot more options follow 
//with text in options to divide into areas and nothing will happen 
//if visitor clicks on the text function Mapit() will ignore
//all clicks on the divider text inserted into option boxes

</select>

InformationsquelleAutor john Ames

 <div class="form-group">
         <script type="text/javascript"> 
              function activa(){                                                            
                 if(v==0)
                     document.formulario.vr_negativo.disabled = true; 
                 else if(v==1)
                      document.formulario.vr_negativo.disabled = true; 
                 else if(v==2)
                      document.formulario.vr_negativo.disabled = true; 
                 else if(v==3)
                      document.formulario.vr_negativo.disabled = true; 
                 else if(v==4)
                      document.formulario.vr_negativo.disabled = true; 
                 else if(v==5)
                      document.formulario.vr_negativo.disabled = true; 
                 else if(v==6)
                      document.formulario.vr_negativo.disabled = false;}                                                   
        </script> 
        <label>&iquest;Qu&eacute; tipo de veh&iacute;culo est&aacute; buscando?</label>
        <form name="formulario" id="formulario">
          <select name="lista" id="lista" onclick="activa(this.value)"> 
              <option value="0">Vehiculo para la familia</option> 
              <option value="1">Vehiculo para el trabajo</option> 
              <option value="2">Camioneta Familiar</option> 
              <option value="3">Camioneta de Carga</option> 
              <option value="4">Vehiculo servicio Publico</option>
              <option value="5">Vehiculo servicio Privado</option>
              <option value="6">Otro</option>
          </select> 
          <br />
          <input type="text" id="form vr_negativo" class="form-control input-xlarge" name="vr_negativo"/>
        </form>
  </div>

InformationsquelleAutor Luis Antonio Rangel Morales

0

Andere option, für ein ähnliches Beispiel, aber mit anidated wählt, denken Sie, dass Sie zwei auswählen, wird der name des ersten ist "ea_pub_dest" und der name des zweiten ist "ea_pub_dest_2", ok, jetzt nehmen Sie den Fall auf der ersten und der Anzeige der Sekunde.
```
<script>

function test()
{
    value = document.getElementById("ea_pub_dest").value;
    if ( valor == "value_1" )
        document.getElementById("ea_pub_dest_nivel").style.display = "block";
}
</script>
```
InformationsquelleAutor Jorge

Wenn Sie müssen, ändern Sie den Wert eines anderen Feldes, können Sie mit diesem:

<input type="hidden" id="mainvalue" name="mainvalue" value="0">
<select onChange="document.getElementById('mainvalue').value = this.value;">
<option value="0">option 1</option>
<option value="1">option 2</option>
</select>

InformationsquelleAutor guest

-1

OnClick() aus mit onChange() in die . Du kannst die option Wert einer javascript Funktion.

<select id="selector" onChange="doSomething(document.getElementById(this).options[document.getElementById(this).selectedIndex].value);"> 
<option value="option1"> Option1 </option>
<option value="option2"> Option2 </option>
<option value="optionN"> OptionN </option>
</select>

InformationsquelleAutor user2361682

-1

in diesem Beispiel de-select-tag ist benannt als: aula_clase_cb

<select class="form-control" id="aula_clase_cb" >
</select>

document.getElementById("aula_clase_cb").onchange = function(e){
    id = document.getElementById('aula_clase_cb').value;
    alert("id: "+id);
};

InformationsquelleAutor Richard Moises Leon

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.