0

在这种情况下，我正在使用 Javascript 和 ASP。当这个特定页面打开时，我的下拉菜单之一已经填充了“打开”或“关闭”状态 - 您可以看到该值来自我的记录集中的 ID。

我现在想做的是：如果页面第一次加载时的状态是“关闭”并且用户决定将其更改为“打开”，他们必须重新输入“重新打开原因” - 所以，那将在下拉列表下方显示标题和文本框....

到目前为止，这是我尝试过的：我创建了一个 showHide() 函数并将其放在下拉列表中的 select 内，但它什么也没做，所以现在卡住了。任何帮助表示赞赏。谢谢！

  <select name="cboStatus" id="cboStatus" style="width:200px" onchange="showHide();">                           <%
                        RSStatus.MoveFirst
                        If Not RSStatus.EOF Then
                            Do While Not RSStatus.EOF
                                %><option value='<%= RSStatus("ID")%>'
                                <%If RSStatus("ID") = RS("prjStatus") Then Response.Write "selected"%>><%= RSStatus("prjStatus")%></option><%
                                RSStatus.MoveNext
                            Loop
                        End If
                        %>           
                    </select>

应从上述 JS 生成的 HTML：

<tr id="lbReopenReason" style="display:none">
                <td bordercolor="#f0f0e4" bgcolor="#f0f0e4"><h3>Reopen Reason</h3></td>
              </tr>
              <tr id="trReopenReason" style="display:none">
                <td bordercolor="#FFFFFF" bgcolor="#FFFFFF">
                <input name="txtReopenReason" type="text" id="txtReopenReason" value="<%If (RS("reOpenReason")) <> "" Then Response.Write(RS("reOpenReason"))%>" size="100" />
                </td>
              </tr>

Javascript：

    function showHide()
        {
            var cboStatus = document.getElementById("cboStatus");
                  var cboStatusValue = cboStatus.options[cboStatus.selectedIndex].text;
            var lbReopenReason = document.getElementById("lbReopenReason");             var trReopenReason = document.getElementById("trReopenReason");         

            //If the status of the project is Closed at the time of page load, and that status changes, then the user must enter a re-open reason.
            if ( (status == 3) && (cboStatusvalue == 'Open' )
            {
                lbReopenReason.style.display = "";
                trReopenReason.style.display = "";
                }
                  else
{
                lbReopenReason.style.display = "none";
            trReopenReason.style.display = "none";
            }
    }
4

2 回答 2

1

看起来这里有两个问题：

1）您的函数被称为“statusShowHide（）”，而不是“showHide（）”，所以这可能是它没有被调用的原因。2）您的 onchange 属性在函数调用后缺少右引号，因此也可能是这样。

试一试这些修复，看看它现在是否有效。

编辑：还有一些建议：

在您的 showHide() 方法中，您说：

if ( (status == 3) && (cboStatusvalue == 'Open' )

什么时候应该：

if ( (cboStatus === 3) && (cboStatusValue === 'Open' ) )

此外，而不是您当前获取元素值的方式：

var cboStatusValue = cboStatus.options[cboStatus.selectedIndex].text;

尝试使用：

var cboStatusValue = cboStatus.value;
于 2012-06-01T19:26:17.817 回答
1

终于用以下方法解决了这个问题：

窗口加载以填充初始记录值：

window.onload = findStatus;

    function findStatus()   
    {
        var cboStatus = document.getElementById('cboStatus');
        statusShowHide(cboStatus);      
    }

后跟这个用于更改状态的 Javascript：

function statusShowHide(obj)
{   
    var txtStatusFirstLoad = document.getElementById("txtStatusFirstLoad");                  
    var lbReopenReason = document.getElementById("lbReopenReason");
    lbReopenReason.style.display = "none";

    if (txtStatusFirstLoad.value == 3 && obj.value == 1)
    {

        lbReopenReason.style.display = "block";
    }   
}

并添加了这个隐藏的文本框来捕获初始状态值：

<input name="txtStatusFirstLoad" id = "txtStatusFirstLoad" type="hidden" value="<%=RS("Status")%>" />
于 2012-07-10T16:17:53.613 回答