嘗試顯示單擊按鈕時的三個選擇下拉列表的值

Question

我想將所有三個下拉選擇符的值附加到跨到一邊的跨度中。我似乎無法抓住所有三個選擇框的值並將它們插入到正確的位置。

HTML：

<select id="single"> 
    <option>1</option> 
    <option>2</option> 
</select> 

<select id="double"> 
    <option>3</option> 
    <option>4</option> 
</select> 

<select id="triple"> 
    <option>5</option> 
    <option>6</option> 
</select> 

<a href="javascript:void(0);" class="add-btn button">Add</a> 

<span class="results">Results: </span> 

JS：

function displayAds() 
{ 
    var single = $('#single').val(); 
    var double = $('#double').val(); 
    var triple = $('.#triple').val(); 
    $("span.results").last().append().html(single + double + triple); 
} 


$(".add-btn").click(function() 
{ 
    displayAds(); 
}); 

Answer 1

您的HTML - 不需要href =「javascript：void（0）;」

<select id="single"> 
    <option>1</option> 
    <option>2</option> 
</select> 
<select id="double"> 
    <option>3</option> 
    <option>4</option> 
</select> 
<select id="triple"> 
    <option>5</option> 
    <option>6</option> 
</select> 
<a href="#" class="add-btn button">Add</a> 

<span class="results">Results: </span> 

使用Javascript - 不知道你如何定義adSizeexpTypeadType

function displayAds() { 
    // Get selected value for each select box 
    $('select').each(function() { 
     $("span.results").append($(this).val()); 

    }); 
} 

$(".add-btn").click(function() { 
    displayAds(); 
    return false; 
}); 

Answer 2

幾件事情：

1. var triple = $('#triple').val();你在你的ID選擇前面有一個.，刪除。
2. $("span.results").last().html(adSize + expType + adType);你呼叫一個空的append(),append()需要一個元素的參數，我相信你只是想設置html。