如何獲取警報框以顯示所有下拉菜單選擇？

Question

我是JavaScript的新手，正在使用Chosen做到這一點。 我想在下拉框中選擇所有要顯示在我的結尾警報框中的字段（單擊“我”框）。

我該怎么做呢？

這是我的代碼的鏈接： http : //jsfiddle.net/nikole/Xp338/37/

這是我的代碼的HTML部分：

  <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>

我真的需要名稱標簽嗎？ 非常感謝那些對我有幫助的人。 正如我所說的，我是一個新手，真的很想學習JavaScript。

Answer 1

添加jquery version 1.9或更高 jquery version並嘗試執行此操作，

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

演示

Answer 2

$（“＃dropdownid option：selected”）。text（）;

Answer 3

在您的小提琴示例中，您似乎同時使用了Javascript和Jquery。 您可以使用javascript或Jquery來獲得此功能，但以我個人的觀點，Jquery會更簡單

$('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)
})

在此方法中，您可以選擇首先顯示哪個值，然后顯示下一個值。