Question

新手在这里 - 所以放轻松。

我正在为一个采用标准清算中心模型的店面编写一些javascript，将其转换为两个下拉菜单，然后获取这两个下拉菜单的值并将所选值放回文本字段

我远不是最好的javascript（正如你可能会看到的那样），但我正在努力学习它。

我的代码在下面，如果某个人可以指出我正确的方向 - 我将非常感激。

/*jslint browser: true*/
/*global $, jQuery*/
/*jslint devel: true */


$(document).ready(function () {
    "use strict";
    var codes = ["TEST1", "TEST2"];
    if ($(".clearingConfigCell")) {

$('#ctl00_cphMainContent_ctlClearingUserData10005_lblCostCenter').hide();
$('#ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter').hide();

        $(".ClearingConfigCell").append("Please Select Cost Center Code 1: ");
        if ($(".ClearingConfigCell").length > 0) {
            $(".ClearingConfigCell").parent().append("<select id='myCCselect' class='clearingConfigCell'/><br><br>");
            $.each(codes, function (i, val) {
                $('#myCCselect').append($('<option>', {value: val, text : val }));
            });
            $("#myCCselect").change(function () {
                if ($(this).val() === "Please Select Cost Center Code:") {
                    $(".ClearingConfigCell").val("#myCCselect1");
                }
            });
        }
        $(".ClearingConfigCell").append("Please Select Cost Center Code 2: ");
        if ($(".ClearingConfigCell").length > 0) {
            $(".ClearingConfigCell").parent().append("<select id='myCCselect2' class='clearingConfigCell'/>");
            $.each(codes, function (i, val) {
                $('#myCCselect2').append($('<option>', {value: val, text : val }));
            });
            $("#myCCselect2").change(function () {
                if ($(this).val() === "Please Select Cost Center Code:") {
                    $(".ClearingConfigCell").val("#myCCselect2");
                }
            });
        }
    }
    $(".customCostCenterField").keyup(function () {
        $("#ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter").val($("#myCCselect").val() + "||" + $("#myCCselect2").val());
    });
});

编辑：我为这种困惑道歉。以下是我希望使用javascript修改的代码。我遇到的问题是，当我提交页面数据时，我收到一条错误消息，指出费用中心尚未填写，这意味着我的javascript未更改＃ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter。

    <td class="ClearingConfigCell"><span id="ctl00_cphMainContent_ctlClearingUserData10005_lblCostCenter">Cost Center:</span>
   <input name="ctl00$cphMainContent$ctlClearingUserData10005$txtCostCenter" type="text" maxlength="50" id="ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter" style="width:200px;"></td>

使用Javascript附加文本字段

0 个答案: