2 回答

TA貢獻1825條經驗 獲得超6個贊
在此示例中,我已將 的設置value為該test option段落。
現在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貢獻1828條經驗 獲得超3個贊
根據您的問題和另一個答案的評論,這是您實現目標的方法;
$(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>
從這里您可以繼續構建您的else if聲明并滿足您的需求。例如,如果您添加了一個,test3您將更新if statement為看起來像;
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()請注意和之間的區別.text()。
.val()將在 VALUE 內部查找,其中.text()將在選項標簽之間查找 TEXT;如下;
<option value="VALUE">TEXT</option>
因此,在if statement我提供的內容中,它將.text()值放在文本框中——但是如果你想讓它把.val()值放在文本框中,只需更新我必須.text()去的地方.val()——如果這有意義的話?
添加回答
舉報