[英]how to change the text color using using jquery
function DoInsert(ind) {
var sourceIndex = $("#lstAvailableCode").val();
var targetIndex = $("#lstCodelist").val();
var success = 0;
var rightSelectedIndex = $("#lstCodelist").get(0).selectedIndex;
var functionName = "/Ajax/SaveCodeforInsert";
if (ind == "plan") {
functionName = "/Ajax/SaveCodeforInsertForPlan";
}
$.ajax({
type: "POST",
traditional: true,
url: functionName,
async: false,
data: "ControlPlanNum=" + $("#ddControlPlan").val() + "&LevelNum=" + $("#ddlLevel").val() + "&ColumnNum=" + $("#ddlColumn").val() + "&SourcbaObjectID=" + sourceIndex + "&TargetbaObjectID=" + targetIndex + "&userID=<%=Model.userID%>",
dataType: "json",
error: function (data) {
alert("Error Adding Code");
FinishAjaxLoading();
},
success: function (data) {
if (data == 0) { success = 1; } else { success = data; }
FinishAjaxLoading();
var x = $("#lstAvailableCode").val();
$("#lstCodelist").val(x);
$("#lstCodelist").val(x).css("background-color", "#ffffff");
}
});
在这里,我尝试将lstAvailableCode列表框中的一项添加到lstCodelist框中。 添加到lstCodelist框中后,我试图将textcolor更改为黄色或其他某种颜色。 在我的成功信息中,我写了这样的话。 但是,即使我不能更改该列表框的背景色,也无法更改文本的颜色。 这是我在做错什么吗?
这是我的lstCodelist框代码。
<select id="lstCodelist" size="17" name="lstCodelist" style="width:100%;height:280px;background-color:#EFEFFB;"></select>
$.fn.fillSelectDD = function (data) {
return this.clearSelectDD().each(function () {
if (this.tagName == 'SELECT') {
var dropdownList = this;
$.each(data, function (index, optionData) {
var option = new Option(optionData.Text, optionData.Value);
if ($.browser.msie) {
dropdownList.add(option);
}
else {
dropdownList.add(option, null);
}
});
}
});
}
$("#lstCodelist").val(x).css("background-color", "#ffffff");
应该
$("#lstCodelist").css("background-color", "#ffffff");
.val()
返回一个值,而不是原始的jQuery对象。
要更改字体颜色,请使用:
$("#lstCodelist").css("color", "#00ffff");
$("#lstCodelist").val(x).css("background-color", "#ffffff");
应该
$("#lstCodelist").css("background-color", "#ffffff");
否则,您将尝试在.val()
调用返回的任何字符串/数字上设置css属性,而不是在该值来自的实际页面元素上设置css属性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.