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

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

HTML/JS:在 JavaScript 中更改選擇選項(xiàng)值

HTML/JS:在 JavaScript 中更改選擇選項(xiàng)值

HUH函數(shù) 2022-12-22 14:46:57
我有一個(gè)帶有兩個(gè)選項(xiàng)的下拉選擇菜單?;旧衔沂褂?JavaScript 獲取所選下拉選項(xiàng)的值并粘貼到文本區(qū)域。這是我的代碼:$(document).ready(function () {  $('#pdSev').change(function () {    $('#textarea').html($("#pdSev option:selected").text());  })});<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><select id="pdSev" name="pdSev">  <option selected disabled class="test">Incident Severity</option>  <option value="test">Test</option>  <option value="test2">Test2</option></select><textarea id="textarea" class="textarea is-rounded has-fixed-size" placeholder="Example"></textarea>到目前為止,當(dāng)我從選擇菜單中選擇一個(gè)項(xiàng)目時(shí),這目前是有效的,選項(xiàng)值被復(fù)制到紋理字段中。但是,我希望將選項(xiàng)值替換為段落而不是只包含一個(gè)詞,例如:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."在 JS 中做這樣的事情最好的方法是什么?
查看完整描述

2 回答

?
胡子哥哥

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

在此示例中,我已將 的設(shè)置value為該test option段落。


現(xiàn)在textarea包含值而不是文本。


$(document).ready(function () {

    var text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";

    $('option[value="test"]').val(text);


    $('#pdSev').change(function () {

        $('#textarea').html($("#pdSev option:selected").val());

    })

});

<body>

  <select id="pdSev" name="pdSev">

    <option selected disabled class="test">Incident Severity</option>

    <option value="test">Test</option>

    <option value="test2">Test2</option>

  </select>

  <textarea id="textarea" class="textarea is-rounded has-fixed-size" placeholder="Example"></textarea>

</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>



查看完整回答
反對(duì) 回復(fù) 2022-12-22
?
子衿沉夜

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

根據(jù)您的問(wèn)題和另一個(gè)答案的評(píng)論,這是您實(shí)現(xiàn)目標(biāo)的方法;


$(document).ready(function () {

    $('#pdSev').change(function () {

        if ($('#pdSev').val() == 'test') {

            var text = 'additional text';

            $('#textarea').val(text);

        } else if ($('#pdSev').val() == 'test2') {

            var text = 'text for this statement';

            $('#textarea').val(text);

        }

    })

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<select id="pdSev" name="pdSev">

  <option selected disabled class="test">Incident Severity</option>

  <option value="test">Test</option>

  <option value="test2">Test2</option>

</select>

<textarea id="textarea" class="textarea is-rounded has-fixed-size" placeholder="Example"></textarea>


從這里您可以繼續(xù)構(gòu)建您的else if聲明并滿足您的需求。例如,如果您添加了一個(gè),test3您將更新if statement為看起來(lái)像;


if ($('#pdSev').val() == 'test') {

    var text = 'additional text';

    $('#textarea').val(text);

} else if ($('#pdSev').val() == 'test2') {

    var text = 'text for this statement';

    $('#textarea').val(text);

} else if ($('#pdSev').val() == 'test3') {

    var text = 'here is a new statement';

    $('#textarea').val(text);

}

.val()請(qǐng)注意和之間的區(qū)別.text()。


.val()將在 VALUE 內(nèi)部查找,其中.text()將在選項(xiàng)標(biāo)簽之間查找 TEXT;如下;


<option value="VALUE">TEXT</option>

因此,在if statement我提供的內(nèi)容中,它將.text()值放在文本框中——但是如果你想讓它把.val()值放在文本框中,只需更新我必須.text()去的地方.val()——如果這有意義的話?


查看完整回答
反對(duì) 回復(fù) 2022-12-22
  • 2 回答
  • 0 關(guān)注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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