如何使用javascript和mvc4 razor在动态加载的下拉列表中设置多颜色背景 [英] How do i set muti color backgroud in a dynamically loaded dropdown list using javascript and mvc4 razor
问题描述
我是mvc4和angularjs的新手,并被要求添加此功能:
如何使用javascript和mvc4 razor在动态加载的下拉列表中设置多颜色背景
我尝试过:
我的代码
< sbsa-lookup-combo control-id =selectRAGStatusdata-model =stream.RAGStatusIDtext-field =Description>
key-field =IDentity-name = RagStatuslabel =测试RAG状态data-required =truelabel-cols =4
input-cols =7ng-readonly =!hasAccess(feature.TEST_DATA_MAINTAIN) >
javascript
< script type =text / javascript >
//来自dropdownList.html
函数changeColor(){
var selColor = document.getElementById(selectRAGStatus);
var color = selColor.value;
document.body.style.backgroundColor = color;
} //结束功能
< / script>
I am new in mvc4 and angularjs and was asked to add this functionality:
How do i set muti color backgroud in a dynamically loaded dropdown list using javascript and mvc4 razor
What I have tried:
my code
<sbsa-lookup-combo control-id="selectRAGStatus" data-model="stream.RAGStatusID" text-field="Description">
key-field="ID" entity-name="RagStatus" label="Test RAG Status" data-required="true" label-cols="4"
input-cols="7" ng-readonly="!hasAccess(feature.TEST_DATA_MAINTAIN)" >
javascript
<script type = "text/javascript">
// from dropdownList.html
function changeColor(){
var selColor = document.getElementById("selectRAGStatus");
var color = selColor.value;
document.body.style.backgroundColor = color;
} // end function
</script>
推荐答案
尝试使用以下代码:
HTML代码
Try with below code:
HTML code
Choose one color:
<select id="selectRAGStatus" onChange="changeColor()">
<option value="FFFFCC">yellow</option>
<option value="CCFFFF">blue</option>
<option value="CCFFCC">green</option>
</select>
Javascript代码
Javascript code
function changeColor(){
var obj = document.getElementById("selectRAGStatus");
var backColor = obj.options[obj.selectedIndex].value;
document.bgColor = backColor;
}
这篇关于如何使用javascript和mvc4 razor在动态加载的下拉列表中设置多颜色背景的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!