Question

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);
                        }
                    });
                }
            });
        }

Answer 1

$("#lstCodelist").val(x).css("background-color", "#ffffff");

应该是

$("#lstCodelist").css("background-color", "#ffffff");

.val()返回一个值，而不是原始的jQuery对象。

要更改字体颜色，请使用：

$("#lstCodelist").css("color", "#00ffff");

Answer 2

                $("#lstCodelist").val(x).css("background-color", "#ffffff");

应该是

                $("#lstCodelist").css("background-color", "#ffffff");

否则，您尝试在.val()调用返回的任何字符串/数字上设置css属性，而不是在值来自的实际页面元素上设置。

如何使用jquery更改文本颜色

2 个答案: