如果我選擇“選擇”串列中的一個物件，我想更改表格中一行的背景顏色，但前提是這個元素是偶數。但主要問題是“物件”是用 js 制作的，所以它不在 html 檔案中，所以我無法向物件添加 onclick 函式，這可能會使行的背景顏色發生變化。請幫忙，我已經輸了。
HTML：
<select class = "form-select, col-6" id="quantiti" onclick = "ifSelectedLetHeadChange()" >
<!--
This was the original version that I copied:
<select class="form-select, col-6" id="quantiti"
onclick="ifSelectedLetHeadChange($(this).val())">
-->
</select>
JS：
function quantity(amount) {
var select = document.getElementById('quantiti');
for (var i = 0; i < amount; i ) {
select.options[select.options.length] = new Option(i 1, i);
select.options[select.options.index] = i 1 ;
select.options[select.options.onclick]="ifSelectedOptionLetTrChange()";
}
}
quantity(10000);
function ifSelectedOptionLetTrChange(value) {
if (option.value % 2 ) {
$("tr").css("background-color", "lightblue");
} else {
$("tr").css("background-color", "blue");
}
}
uj5u.com熱心網友回復：
看來您正在使用 JQuery。您可以使用純 JS 或 JQuery 來完成。
jQuery
建議使用更改事件而不是單擊事件。然而，更改事件只會在更改時觸發。我將為此做出改變。
var select = $("#quantiti");
var tr = $("tr");
select.on('change', function() {
var value = $(this).val();
setTrColor(value);
});
function setTrColor(value) {
tr.css("background-color", value % 2 ? "lightblue" : "blue");
}
Javascript
var select = document.getElementsById("quantiti");
var tr = Array.prototype.slice.call(document.getElementsByTagName("tr"));
select.addEventListener("change", function(event) {
var targetElement = event.target || event.srcElement;
var value = targetElement.value;
setTrColor(value);
});
function setTrColor(value) {
tr.forEach(function(element){
element.style.backgroundColor = value % 2 ? "lightblue" : "blue";
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/412373.html
標籤：
上一篇：在R中的函式呼叫中更改引數