0

3 つすべてのドロップダウン選択の値を横にあるスパンに追加したいと考えています。3 つの選択ボックスすべての値を取得して、適切な場所に挿入することができないようです。

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

2 に答える 2

2

いくつかのこと:

  1. var triple = $('#triple').val();.ID セレクターの前に があります。それを削除します。
  2. $("span.results").last().html(adSize + expType + adType);emptyappend()を呼び出しappend()、要素の引数を取ります。単に . を設定したいだけだと思いますhtml
于 2013-10-14T17:01:41.353 に答える
0

あなたの 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;
});
于 2013-10-14T17:05:43.113 に答える