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

有几件事：

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

Answer 2

你的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 - 无法确定如何定义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;
});

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

2 个答案: