-2
A
回答
0
有多種方法可以執行您請求的實施。 jQuery表格,bootstrap,thymeleaf框架等。但是,爲了回答您的具體問題,我們可以添加一個非常簡單的HTML與嵌入式JavaScript來獲得所需的結果。 我們需要javascript來動態更新選定的文本優先級(下拉菜單)並將其應用於所需的顏色。
我在下面提供了一個基本的樣例代碼,它可以完成您所需的任務。 javascript函數show()將檢查下拉列表中選定的值,然後根據所選下拉值使用文本框中輸入的文本動態更新結果表。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<script language="JavaScript">
function show(){
var textEntry = document.getElementById('myText').value;
if(textEntry == ''){
alert("Please enter a task");
return;
}
var selection = document.getElementById('mySelection');
var selectionText = selection.options[selection.selectedIndex].text;
var fontColor='';
if(selection.value=='normal'){
fontColor='#259523';
}
if(selection.value=='undecided'){
fontColor='#3339FF';
}
if(selection.value=='critical'){
fontColor='#FF9F33';
}
document.getElementById('textEntry').innerHTML='<font color="'+fontColor+'">'+textEntry+'</font>';
document.getElementById('priority').innerHTML='<font color="'+fontColor+'">'+selectionText+'</font>';
}
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="text" id="myText">
</td>
<td>
<select id="mySelection">
<option value="normal" selected>Normal</option>
<option value="undecided">If You Can</option>
<option value="critical">Critical</option>
</select>
</td>
<td>
<input type="button" onclick="show()" value="Add">
</td>
</tr>
<tr>
<td id="textEntry"></td>
<td id="priority"></td>
</tr>
</table>
</body>
</html>
相關問題
- 1. 如何將子文本添加到表格單元格?
- 2. 將文本添加到html表格
- 3. 如何將表格td文本添加到進度值
- 4. 單擊按鈕時如何將文本框添加到表格
- 5. 如何將表格td文本添加到進度值
- 6. 如何將文本從文本框添加到列表中
- 7. 將文本框添加到網格列
- 8. 如何在視圖中添加文本字段以將內容添加到表格中的其他表格
- 9. 將PDF文檔添加到表格
- 10. vb.net將表格添加到Word文檔
- 11. 如何將CommandParameter添加到文本
- 12. 如何將文本添加到JTextArea? java
- 13. 如何將文本添加到按鈕?
- 14. 如何將文本添加到VB.NET RadioButtonList
- 15. 如何將文本添加到路徑
- 16. 如何將文本添加到CSS Sprite
- 17. 如何將文本添加到editext
- 18. 如何將文本添加到CIImage?
- 19. 如何將文本添加到Android
- 20. 如何將文本添加到SVG
- 21. 如何將文本添加到splitLayout
- 22. 如何將文本添加到JLabel
- 23. 如何將datetimepicker添加到文本框?
- 24. 如何將文本添加到JTextArea?
- 25. 將ajaxchimp添加到表格
- 26. 將表格行添加到表格
- 27. 將表格添加到表格行
- 28. 如何將CSS文本格式添加到JavaScript推送錯誤?
- 29. 如何將空格字符添加到jquery appendto中的文本?
- 30. 如何將html /文本添加到zend格式htmlTag?
你能證明你試過了嗎?這將是一個開始的好地方。 – semuzaboi