Ich bin neu in JavaScript und verwende Chosen, um dies zu erreichen. Ich möchte, dass alle Felder, die in den Dropdown-Feldern ausgewählt werden, in meinem Endwarnfeld angezeigt werden (Click Me-Feld).

Wie kann ich das machen?

Hier ist ein Link zu meinem Code: http://jsfiddle.net/nikole/Xp338/37/

Hier ist der HTML-Teil meines Codes:

  <script>
  function outCome()
  {
  alert('Hello! I am an alert box!');
  }
  </script>
  <div id="Task" name="tBox"></div>
 <br/><br/>
  <div id="Urgency" name="uBox"></div>
  <div id="Time"></div>
  <div id="Who"></div>
  <div id="When" name="whenBox"></div>
  <br/><br/><br/><br/>
  <button type="button" onclick="outCome()">Let's do it! Click to send</button>

Benötige ich wirklich die Namensschilder? Vielen Dank an diejenigen, die mir helfen. Wie gesagt, ich bin ein Neuling und möchte wirklich JavaScript lernen.

0
Nikole 28 Nov. 2013 im 11:12

3 Antworten

Beste Antwort

Fügen Sie jquery version 1.9 oder höher hinzu und versuchen Sie Folgendes:

$('button').on('click',function(){
    var arr=[];
    $('select').each(function(){
      arr.push(this.value);
    });
    alert('Seleced='+arr.join(', '));
});

Demo

1
Rohan Kumar 28 Nov. 2013 im 07:17

$ ("# dropdownid option: selected"). text ();

0
Sandy 28 Nov. 2013 im 07:18

In Ihrem Geigenbeispiel scheinen Sie sowohl Javascript als auch Jquery zu verwenden. Sie können dies beide mit Javascript oder Jquery bekommen, aber meiner persönlichen Meinung nach wird Jquery viel einfacher sein

$('button').on('click',function(){
    var TaskValue = $('#Task').find('.chosen-single').text()
    var UrgencyValue = $('#Urgency').find('.chosen-single').text()
    var TimeValue = $('#Time').find('.chosen-single').text()
    var WhoValue = $('#Who').find('.chosen-single').text()
    var WhenValue = $('#When').find('.chosen-single').text()
    alert(TaskValue +"\n"+ UrgencyValue +"\n"+ TimeValue +"\n"+ WhoValue +"\n"+ WhenValue)
})

Bei dieser Methode können Sie auswählen, welcher Wert zuerst angezeigt werden soll und welcher der nächste Wert ist.

0
SeinopSys 28 Nov. 2013 im 08:00