如何使用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屋！