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

我是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。

來源

2013-11-28 Nikole

添加jquery version1.9或更高，並嘗試這個，

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

Demo

來源

2013-11-28 07:17:32

+1好答案... – Sandy

這真棒！非常感謝幫助新手。我將使用這個版本，因爲你告訴我如何添加功能，我可以告訴用戶他們的結果是什麼（選定或您選擇）。非常感謝，我非常感激。 – Nikole

$（「＃dropdownid選項：選擇」）。文本（）;

來源

2013-11-28 07:18:37 Sandy

這一個沒有爲我工作。但非常感謝你的幫助。 – Nikole

在您的小提琴示例中，似乎您正在使用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) 
})

在這種方法中，你可以選擇的值，顯示第一和最新的下一個值得到這個。

來源

2013-11-28 07:41:36 iCezz

這是一個不錯的選擇！我之前並沒有意識到我使用了兩種不同的版本。它工作得很好。謝謝。 – Nikole

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

回答

相關問題