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

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

有几件事：

1. var triple = $('#triple').val();.您的 ID 选择器前面有一个，将其删除。
2. $("span.results").last().html(adSize + expType + adType);你调用一个 empty append()，append()接受一个元素的参数，我相信你只是想设置html.

Answer 2

Your HTML - no need 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 - no sure how you define adSize expType adType

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

    });
}

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