第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在卡片標(biāo)題和卡片文本中輸入輸入值

如何在卡片標(biāo)題和卡片文本中輸入輸入值

侃侃爾雅 2021-11-25 16:24:08
我是腳本世界的新手,很抱歉我的工廠(chǎng)代碼不好。我試圖在我的“卡片”變量的“卡片標(biāo)題”和“卡片文本”中顯示輸入值這是代碼:<input id="input1" class="form-control form-control-lg" type="text" placeholder="Write something" value=""><input id="input2" class="form-control" type="text" placeholder="Write something else" value=""><button class="btn btn-success" id="create">Create</button><script>  $(document).ready(function(){    $("#create").click(function(){         let cards = '<div class="card" style="width: 18rem;">' +        '<div class="card-body">' +         '<h5 class="card-title"></h5>' +        '<p class="card-text"></p>' +        '<button class="btn btn-primary">Go somewhere</button>' +        '</div>' +        '</div>';      $(document.body).append(cards);    });  });  </script>感謝大家的幫助!
查看完整描述

3 回答

?
海綿寶寶撒

TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以通過(guò)以下方式實(shí)現(xiàn):


$(document).ready(function() {

    $("#create").click(function() {

        let cards =

            '<div class="card" style="width: 18rem;">' +

            '<div class="card-body">' +

            `<h5 class="card-title">${$('#input1').val()}</h5>` +

            `<p class="card-text">${$('#input2').val()}</p>` +

            '<button class="btn btn-primary">Go somewhere</button>' +

            "</div>" +

            "</div>";


        $(document.body).append(cards);

    })



查看完整回答
反對(duì) 回復(fù) 2021-11-25
?
MM們

TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊

請(qǐng)嘗試以下操作:


$(document).ready(function() {

  $("#create").click(function() {

    var cardtitle = $('#input1').val();

    var cardtext = $('#input2').val();

    let cards = '<div class="card" style="width: 18rem;">' +

      '<div class="card-body">' +

      '<h5 class="card-title">'+cardtitle+'</h5>' +

      '<p class="card-text">'+cardtext+'</p>' +

      '<button class="btn btn-primary">Go somewhere</button>' +

      '</div>' +

      '</div>';

    $(document.body).append(cards);

  });

});

演示

$(document).ready(function() {


  $("#create").click(function() {

    var cardtitle = $('#input1').val();

    var cardtext = $('#input2').val();

    let cards = '<div class="card" style="width: 18rem;">' +

      '<div class="card-body">' +

      '<h5 class="card-title">'+cardtitle+'</h5>' +

      '<p class="card-text">'+cardtext+'</p>' +

      '<button class="btn btn-primary">Go somewhere</button>' +

      '</div>' +

      '</div>';


    $(document.body).append(cards);


  });


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="input1" class="form-control form-control-lg" type="text" placeholder="Write something" value="">



<input id="input2" class="form-control" type="text" placeholder="Write something else" value="">



<button class="btn btn-success" id="create">Create</button>


查看完整回答
反對(duì) 回復(fù) 2021-11-25
?
慕尼黑8549860

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超11個(gè)贊

$(document).ready(function(){


$("#create").click(function(){   


let cards = '<div class="card" style="width: 18rem;">' +

            '<div class="card-body">' + 

            '<h5 class="card-title">'+ $('#input1').val() +'</h5>' +

            '<p class="card-text">'+ $('#input2').val() +'</p>' +

            '<button class="btn btn-primary">Go somewhere</button>' +

            '</div>' +

            '</div>';


$(document.body).append(cards);


    });


});  


查看完整回答
反對(duì) 回復(fù) 2021-11-25
  • 3 回答
  • 0 關(guān)注
  • 209 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)