[英]How to pass values as parameters in javascript
我正在研究一個測試項目來學習Web開發，並遇到了一個我不確定如何解決的問題。
我有一個包含11個單元格的表。 其中9個單元格中有預定義值，但是對於其他兩個單元格，我想通過將值傳遞給參數來手動設置值。
編碼;
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Colour Match</title>
</head>
<body>
<table width="300" border="1" id="menuitems">
<tbody>
<tr>
<td id="cell1"><div> RED</div></td>
<td id="cell2"><div> BLUE</div></td>
<td id="cell3"><div> GREEN</div></td>
</tr>
<tr>
<td id="cell5"><div> PINK</div></td>
<td id="cell6"><div> PURPLE</div></td>
<td id="cell7"><div> YELLOW</div></td>
</tr>
<tr>
<td id="cell9"><div> BLACK</div></td>
<td id="cell10"><div> BROWN</div></td>
<td id="cell11"><div> GREY</div></td>
</tr>
</tbody>
</table>
<table width="300" border="1" id="menulist">
<tbody>
<tr>
<td id="colourname"><div> colour name</div></td>
</tr>
<tr>
<td id="colour"> colour</td>
</tr>
</tbody>
</table>
</body>
</html>
我已經為每個單元格提供了id，我想要做的是，根據用戶點擊的單元格更改底部兩個單元格'colourname'和'color'的值，但是，我想手動將值傳遞給javascript參數當我點擊它的時候; 像這樣的東西;
</script> <td id="cell1" onClick="mySetup("RED", Color:RED)"><div> RED</div></td>
我對Javascript知之甚少，但我對java有一些了解，這大致是如何在java中實現的：
TextField someID;
Button SomeID;
Public mySetup (String colourName, Color colour) {
someID = colourName;
someID.setBackgroundColor(colour)
}
我想要做的是在javascript中設置一個函數，當調用onClick時，將值作為參數並更改底部的兩個單元格：
我確信這不是在JS中這樣做的正確方法，而只是為了更好地解釋我的問題：
Function mySetup (Var name, Color colour) {
colourName.setVar(name);
colour.setColour(colour);
}
我希望我已經正確解釋了自己，如果沒有，請告訴我，我會盡力解釋。
編輯：
colourName應更改單元格的文本，而顏色應更改單元格的背景顏色。
編輯2
嗨，我認為我的問題沒有像我希望的那樣明確;
函數的參數應該包含兩個值，1表示colourName，1表示backgroundcolour。
colourName應更改colourname單元格的文本，backgroundcolour應更改顏色單元格的顏色背景。
<td id="colourname"><div> colour name</div></td>
</tr>
<tr>
<td id="colour"> colour</td>
</tr>
function f(col, name) { $("#colourname div").html(name); $("#colour").css('background-color', col); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table width="300" border="1" id="menuitems"> <tbody> <tr> <td id="cell1" onclick="f('RED', 'name RED')"><div> RED</div></td> <td id="cell2" onclick="f('BLUE', 'name BLUE')"><div> BLUE</div></td> <td id="cell3" onclick="f('GREEN', 'name GREEN')"><div> GREEN</div></td> </tr> </tbody> </table> <table width="300" border="1" id="menulist"> <tbody> <tr> <td id="colourname"><div> colour name</div></td> </tr> <tr><td id="colour"> colour</td></tr> </tbody> </table>
首先，您的點擊事件調用應該是這樣的。
<td id="cell1" onClick="mySetup('RED')"><div> RED</div></td>
和JS：
更新 ：
function mySetup(Color) {
var arr = {
"RED": {
"colornam": "red",
"color": "red"
},
"GREEN": {
"colornam": "blue",
"color": "blue"
},
"BLUE": {
"colornam": "green",
"color": "green"
}
}
var colourname = document.getElementById('colourname');
var colour = document.getElementById('colour');
var coloName = arr[Color];
colour.style.background = coloName.color;
colourname.innerHTML=coloName.colornam;
}
請看小提琴
請看更新的小提琴
更新2 ：
td id="cell1" onClick="mySetup('RED','red')"><div> RED</div></td>
JS：
function mySetup(Color,colorName) {
var colourname = document.getElementById('colourname');
var colour = document.getElementById('colour');
colour.style.background = Color;
colourname.innerHTML=colorName;
}
寫一個簡單的函數
使用Javascript
function mySetup(CoulourName, Color){
var colourname = document.getElementById('colourname');
var colour= document.getElementById('colour');
colourname.innerHTML = CoulourName;
colour.style.background = Color;
}
HTML
並使用onClick = "mySetup('FANCY NAME','RED');" 在td等等其他顏色名稱不同的人。
你可以試試這個：
<td id="cell1" onClick="mySetup('RED', '#FF0000')"><div> RED</div></td>
var Color = new Object（）;
function mySetup（name，colourCode）{
Color.name = name;
Color.colorCode = colourCode;
}
如何將數據庫列值作為JavaScript函數的參數傳遞？
[英]How do I pass database column values as parameters of a JavaScript function?
如何將值傳遞給javascript函數的參數並獲得結果
[英]How to pass values to the parameters of the function of a javascript and get the result
如何從動態表單中獲取值，將其傳遞給變量並使用JavaScript中的查詢字符串參數重定向到URL？
[英]How to get values from dynamic form, pass them to a variable and redirect to a URL with query string parameters in JavaScript?
如何將參數傳遞給模塊模式以覆蓋 JavaScript 中的默認值 [私有屬性]？
[英]How can I pass parameters to a module pattern to override default values [private properties] in JavaScript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.