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或更高版本并尝试此操作，

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

Demo

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

在这种方法中，您可以选择首先显示哪个值，然后选择下一个值。

如何获取警报框以显示所有下拉选择？

3 个答案: