Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使警报框显示所有下拉选择?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何使警报框显示所有下拉选择?

Javascript 如何使警报框显示所有下拉选择?,javascript,jquery,html,Javascript,Jquery,Html,我是JavaScript新手,我正在使用Selected来实现这一点。我希望在下拉框中选择的所有字段都显示在我的结束警告框(单击我框)中 我该怎么做呢 以下是我的代码链接: 以下是我代码的HTML部分: <script> function outCome() { alert('Hello! I am an alert box!'); } </script> <div id="Task" name="tBox"></div>

我是JavaScript新手,我正在使用Selected来实现这一点。我希望在下拉框中选择的所有字段都显示在我的结束警告框(单击我框)中

我该怎么做呢

以下是我的代码链接:

以下是我代码的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。

添加
jquery版本
1.9或更高版本,然后试试这个

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

$(“#dropdownid选项:选中”).text()

在您的fiddle示例中,您似乎同时使用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)
})

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

此方法不适用于我。但是非常感谢你的帮助。这是一个很好的选择!我以前没有意识到我使用的是两个不同的版本。它工作得很好。谢谢。这太棒了!!非常感谢你帮助一个新手。我将使用这个版本,因为您向我展示了如何添加功能,我可以告诉用户他们的结果是什么(选择的还是您选择的)。非常感谢,我非常感激。