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>

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()——如果這有意義的話?
添加回答
舉報(bào)