尝试显示单击按钮时的三个选择下拉列表的值

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。