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

Trying to display the value of three select dropdowns when button is clicked

本文关键字：三个 选择 下拉列表 单击 按钮 显示      更新时间：2023-09-26

我想将所有三个下拉选择的值附加到一侧的跨度中。 我似乎无法抓取所有三个选择框的值并将它们插入正确的位置。

.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();
});

有几件事：

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

你的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;
});
相关文章：