无法获取从HTML传递的元素 [英] unable to get elements passed from html

问题描述

我正在创建下面的jsp页面。

 <％@ page contentType =text / htmlpageEncoding = UTF-8 ％GT; 
 
< html> 
< head> 
< meta http-equiv =Content-Typecontent =text / html; charset = UTF-8> 
< title> JSP Page< / title> 
< script type =text / javascript> 
 
 function show（x）
 {
 document.getElementById（x）.style.display ='block'; 
} 
函数hide（x）
 {
 document.getElementById（x）.style.display ='none'; 
} 
函数handleKeyEvent（e）{
 var charCode; 
 
 
 if（e& e.which）{
 charCode = e.which; 
} else if（window.event）{
 e = window.event; 
 charCode = e.keyCode; 
 
 
 if（charCode == 13）{
 //document.getElementById(\"yourForm）。submit（）; 
 var m = document.getElementById（e）; 
 alert（m）; 
 hide（x）; 
} 
} 
 
 
< / script> 
< / head> 
< body> 
< form name =form1method =postaction =abc.jsp> 
< table width =722> 
< tr> 
< td width =431height =190> 
< table width =439> 
< tr> 
< td width =129>部分已更新< / td> 
< td width =108>< p> 
 < option value =>< / option> 
< option value =N / A> N / A< / option> 
< / select> 
< / p>< / td> 
< td width =186>< label for =PARTS_Updated>< / label>< / td> 
< / tr> 
< tr> 
< td> TSI OK&＃13;< / td> 
< td>< p> 
< input type =radioname =radioid =TSI_N / Avalue =TSI_N / AonClick =hide（'TSI_Query_Box'）> 
 N / A 
< / p> 
< p> 
< input type =radioname =radioid =TSI_Queryvalue =TSI_QueryonClick =show（'TSI_Query_Box'）> TSI查询< / p>< / td> 
< td>< label for =TSI_Query_Box>< / label> 
< textarea name =TSI_Query_Boxid =TSI_Query_Boxcols =15rows =5style =display：noneonkeypress =handleKeyEvent（'TSI_Query_Box'）>< / textarea> ;< / TD> 
 
< / tr> 
< tr> 
< td height =65> Special Ins OK&＃13;< / td> 
< td>< p> 
< input type =radioname =radioid =SI_N / Avalue =TSI_OKonClick =hide（'SI_Query_Box'）> 
 N / A 
< / p> 
< p> 
< input type =radioname =radioid =SI_Queryvalue =SI_QueryonClick =show（'SI_Query_Box'）> SI查询< / p>< / td> 
< td>< label for =SI_Query_Box>< / label> 
< textarea name =SI_Query_Boxid =SI_Query_Boxcols =15rows =5style =display：noneonkeypress =handleKeyEvent（'SI_Query_Box'）>< / textarea> ;< / TD> 
< / tr> 
< / table>< / td> 
< td width =279> 
< table width =279align =center> 
< tr> 
< td width =87>< p>货运ID&＃13;< / p>< / td> 
< td width =97>< label for =Ship_ID>< / label> 
< input type =textname =Ship_IDid =Ship_ID>< / td> 
< / tr> 
< / table>< / td> 
< / tr> 
< / table> 
< p>& nbsp;< / p> 
< table width =721border =1> 
< tr> 
< td width =374align =center> 
 < td width =331align =center> 
< input type =submitname =CT Review Complete（CTRCid =CT Review Complete（CTRC）value =CT Review Complete（CTRC）>< / td> 
< / tr> 
< tr> 
< td align =center> 
< input type =submitname =Cleanup Queries Cleanup Queriesvalue =清理查询>< / td> 
< td align =center> 
< input type =submitname =Cleanup Complete 清理完成值=清理完成>< / td> 
< / tr> 
< tr> 
< td colspan =2align =center >< input type =submitname =Go_To_Main_Pageid =Go_To_Main_Pagevalue =前往主页>< / td> 
< / tr> 
< ; / table> 
< p>& nbsp;< / p> 
< / form> 
< h1>& nbsp;< / h1> 
< / body> 
< / HTML> 
  

我想看看我何时在textarea中输入文字并按下回车键，我想看到文字称职。在目前情况下它正在提醒一个消息[对象]。另外，当我检查单选按钮时，如果我检查TSI查询单选按钮，然后单击SI查询单选按钮，反之亦然，两者都显示，我只想要显示一个textarea。

对于屏幕截图，您可以查看此链接。

http://jsfiddle.net/dYy26/

谢谢。

解决方案检查此：

 < html> 
< head> 
< meta http-equiv =Content-Typecontent =text / html; charset = UTF-8> 
< title> JSP Page< / title> 
< script type =text / javascript> 
 
 function show（x，y）
 {
 document.getElementById（x）.style.display ='block'; 
 document.getElementById（y）.style.display ='none'; 
 document.getElementById（'Ship_IDl'）。style.display ='block'; 
 
函数hide（x，y）
 {
 document.getElementById（x）.style.display ='none'; 
 document.getElementById（y）.style.display ='block'; 
 document.getElementById（'Ship_IDl'）。style.display ='none'; 
} 
 
函数myKeyPress（e，x，y）{
 var keynum; 
 if（window.event）{// IE 
 keynum = e.keyCode; 
} else 
 if（e.which）{// Netscape / Firefox / Opera 
 keynum = e.which; 
} 
 //alert（String.fromCharCode（keynum））; 
 // alert（keynum）; 
 if（keynum == 13）{
 //document.getElementById(\"yourForm）。submit（）; 
 var m = document.getElementById（x）.value; 
 alert（m）; 
 hide（x，y）; 
} 
} 
< / script> 
< / head> 
< body> 
< form name =form1method =postaction =abc.jsp> 
< table width =722> 
< tr> 
< td width =431height =190> 
< table width =439> 
< tr> 
< td width =129>部分已更新< / td> 
< td width =108>< p> 
 < option value =>< / option> 
< option value =N / A> N / A< / option> 
< / select> 
< / p>< / td> 
< td width =186>< label for =PARTS_Updated>< / label>< / td> 
< / tr> 
< tr> 
< td> TSI OK&＃13;< / td> 
< td>< p> 
< input type =radioname =radioid =TSI_N / Avalue =TSI_N / AonClick =hide（'TSI_Query_Box'，'SI_Query_Box'）> 
 N / A 
< / p> 
< p> 
< input type =radioname =radioid =TSI_Queryvalue =TSI_QueryonClick =show（'TSI_Query_Box'，'SI_Query_Box'）> TSI查询< / p>< / td> 
< td>< label for =TSI_Query_Box>< / label> 
< textarea name =TSI_Query_Boxid =TSI_Query_Boxcols =15rows =5style =display：noneonkeypress =return myKeyPress（event，'TSI_Query_Box'，'SI_Query_Box'） >< / textarea的>< / TD> 
 
< / tr> 
< tr> 
< td height =65> Special Ins OK&＃13;< / td> 
< td>< p> 
< input type =radioname =radioid =SI_N / Avalue =TSI_OKonClick =hide（'SI_Query_Box'，'TSI_Query_Box'）> 
 N / A 
< / p> 
< p> 
< input type =radioname =radioid =SI_Queryvalue =SI_QueryonClick =show（'SI_Query_Box'，'TSI_Query_Box'）> SI查询< / p>< / td> 
< td>< label for =SI_Query_Box>< / label> 
< textarea name =SI_Query_Boxid =SI_Query_Boxcols =15rows =5style =display：noneonkeypress =return myKeyPress（event，'SI_Query_Box'，'TSI_Query_Box'） >< / textarea>< / td> 
< / tr> 
< / table>< / td> 
< td width =279> ; 
< table width =279align =center> 
< tr> 
< td width =87>< p> < / label> 
< / td> 
< td width =97>< label for =Ship_IDid =Ship_IDl> < input type =textname =Ship_IDid =Ship_ID>< / td> 
< / tr> 
< / table>< / td> 
< / tr> 
< / table> 
< p>& nbsp;< / p> 
"表格宽度= > 
< tr> 
< td width =374align =center> 
< ; input type =submitname =Send for CT Review（SCTR）id =Send for CT Review（SCTR）value =Send for CT Review（SCTR）>< / td> 
< td width =331align =center> 
< input type =submitname =CT Review Complete（CTRCid =CT Review Complete（CTRC）value =CT Review Complete（CTRC）>< / td> 
< / tr> 
< tr> 
< td align =center> 
< input type =submitname =Cleanup Queries Cleanup Queriesvalue =清理查询>< / td> 
< td align =center> 
< input type =submitname =Cleanup Complete 清理完成值=清理完成>< / td> 
< / tr> 
< tr> 
< td colspan =2align =center >< input type =submitname =Go_To_Main_Pageid =Go_To_Main_Pagevalue =前往主页>< / td> 
< / tr> 
< ; / table> 
< p>& nbsp;< / p> 
< / form> 
< h1>& nbsp;< / h1> 
< / body> 
< / html> 
  
 
i'm having the below jsp page created.
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <script type="text/javascript">

        function show(x)
        {
            document.getElementById(x).style.display='block';
        }
    function hide(x)
        {
            document.getElementById(x).style.display='none';
        }
        function handleKeyEvent(e) {
    var charCode;


    if (e && e.which) {
        charCode = e.which;
    } else if (window.event) {
        e = window.event;
        charCode = e.keyCode;
    }

    if (charCode == 13) {
        //document.getElementById("yourForm").submit();
        var m=document.getElementById(e);
        alert(m);
                hide(x);
    }
}


        </script>
    </head>
    <body>
        <form name="form1" method="post" action="abc.jsp">
          <table width="722">
            <tr>
              <td width="431" height="190">
              <table width="439" >
                <tr>
                  <td width="129">PARTS Updated</td>
                  <td width="108"><p>
                    <select name="PARTS_Updated" id="PARTS_Updated" >
                      <option value=""></option>
                      <option value="N/A">N/A</option>
                    </select>
                  </p></td>
                  <td width="186"><label for="PARTS_Updated"></label></td>
                </tr>
                <tr>
                  <td>TSI OK&#13;</td>
                  <td><p>
                          <input type="radio" name="radio" id="TSI_N/A" value="TSI_N/A" onClick="hide('TSI_Query_Box')">
                    N/A
                  </p>
                  <p>
<input type="radio" name="radio" id="TSI_Query" value="TSI_Query" onClick="show('TSI_Query_Box')">              TSI Query</p></td>
                  <td><label for="TSI_Query_Box"></label>
                      <textarea name="TSI_Query_Box" id="TSI_Query_Box" cols="15" rows="5" style="display:none" onkeypress="handleKeyEvent('TSI_Query_Box')"></textarea></td>

                </tr>
                <tr>
                  <td height="65">Special Ins OK&#13;</td>
                  <td><p>
                    <input type="radio" name="radio" id="SI_N/A" value="TSI_OK" onClick="hide('SI_Query_Box')">
                    N/A
                  </p>
                    <p>
   <input type="radio" name="radio" id="SI_Query" value="SI_Query" onClick="show('SI_Query_Box')"> SI Query</p></td>
                  <td><label for="SI_Query_Box"></label>
                      <textarea name="SI_Query_Box" id="SI_Query_Box" cols="15" rows="5" style="display:none" onkeypress="handleKeyEvent('SI_Query_Box')"></textarea></td>
                </tr>
              </table></td>
              <td width="279">
                  <table width="279" align="center">
                <tr>
                  <td width="87"><p>Shipment ID&#13;</p></td>
                  <td width="97"><label for="Ship_ID"></label>
                  <input type="text" name="Ship_ID" id="Ship_ID"></td>
                </tr>
              </table></td>
            </tr>
          </table>
          <p>&nbsp;</p>
          <table width="721" border="1">
            <tr>
              <td width="374" align="center">
                  <input type="submit" name="Send for CT Review (SCTR)" id="Send for CT Review (SCTR)" value="Send for CT Review (SCTR)"></td>
              <td width="331" align="center">
                  <input type="submit" name="CT Review Complete (CTRC" id="CT Review Complete (CTRC)" value="CT Review Complete (CTRC)"></td>
            </tr>
            <tr>
              <td align="center">
                  <input type="submit" name="Cleanup Queries" id="Cleanup Queries" value="Cleanup Queries"></td>
              <td align="center">
                  <input type="submit" name="Cleanup  Complete" id="Cleanup  Complete" value="Cleanup  Complete"></td>
            </tr>
            <tr>
              <td colspan="2" align="center"><input type="submit" name="Go_To_Main_Page" id="Go_To_Main_Page" value="Go To Main Page"></td>
            </tr>
          </table>
          <p>&nbsp;</p>
        </form>
        <h1>&nbsp;</h1>
    </body>
</html>
i wanted to see when i enter the text in textarea and hit enter, i want to see the text assed. in the present case it is alerting a message  [object]. Also when i check radio buttons, if i check TSI Query Radio button followed SI Query Radio button or vice versa, both are getting displayed, i want only one textarea to be displayed once.

for screenshot you can have a look at this link 

http://jsfiddle.net/dYy26/

Thanks.
解决方案
Check this:
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <script type="text/javascript">

    function show(x,y)
    {
        document.getElementById(x).style.display='block';
        document.getElementById(y).style.display='none';
        document.getElementById('Ship_IDl').style.display='block';
    }
function hide(x,y)
    {
        document.getElementById(x).style.display='none';
        document.getElementById(y).style.display='block';
        document.getElementById('Ship_IDl').style.display='none';
    }

function myKeyPress(e,x,y){
    var keynum;
    if(window.event){ // IE
        keynum = e.keyCode;
    }else
    if(e.which){ // Netscape/Firefox/Opera
        keynum = e.which;
    }
    //alert(String.fromCharCode(keynum));
    //alert(keynum);
    if (keynum == 13) {
        //document.getElementById("yourForm").submit();
        var m=document.getElementById(x).value;
        alert(m);
        hide(x,y);
    }
}
    </script>
</head>
<body>
    <form name="form1" method="post" action="abc.jsp">
      <table width="722">
        <tr>
          <td width="431" height="190">
          <table width="439" >
            <tr>
              <td width="129">PARTS Updated</td>
              <td width="108"><p>
                <select name="PARTS_Updated" id="PARTS_Updated" >
                  <option value=""></option>
                  <option value="N/A">N/A</option>
                </select>
              </p></td>
              <td width="186"><label for="PARTS_Updated"></label></td>
            </tr>
            <tr>
              <td>TSI OK&#13;</td>
              <td><p>
                      <input type="radio" name="radio" id="TSI_N/A" value="TSI_N/A" onClick="hide('TSI_Query_Box','SI_Query_Box')">
                N/A
              </p>
              <p>
<input type="radio" name="radio" id="TSI_Query" value="TSI_Query" onClick="show('TSI_Query_Box','SI_Query_Box')">              TSI Query</p></td>
              <td><label for="TSI_Query_Box"></label>
                  <textarea name="TSI_Query_Box" id="TSI_Query_Box" cols="15" rows="5" style="display:none"  onkeypress="return myKeyPress(event,'TSI_Query_Box','SI_Query_Box')"></textarea></td>

            </tr>
            <tr>
              <td height="65">Special Ins OK&#13;</td>
              <td><p>
                <input type="radio" name="radio" id="SI_N/A" value="TSI_OK" onClick="hide('SI_Query_Box','TSI_Query_Box')">
                N/A
              </p>
                <p>
<input type="radio" name="radio" id="SI_Query" value="SI_Query" onClick="show('SI_Query_Box','TSI_Query_Box')"> SI Query</p></td>
              <td><label for="SI_Query_Box"></label>
                  <textarea name="SI_Query_Box" id="SI_Query_Box" cols="15" rows="5" style="display:none" onkeypress="return myKeyPress(event,'SI_Query_Box','TSI_Query_Box')""></textarea></td>
            </tr>
          </table></td>
          <td width="279">
              <table width="279" align="center">
            <tr>
              <td width="87"><p>Shipment ID&#13;</p></td>
              <td width="97"><label for="Ship_ID" id="Ship_IDl"></label>
              <input type="text" name="Ship_ID" id="Ship_ID"></td>
            </tr>
          </table></td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <table width="721" border="1">
        <tr>
          <td width="374" align="center">
              <input type="submit" name="Send for CT Review (SCTR)" id="Send for CT Review (SCTR)" value="Send for CT Review (SCTR)"></td>
          <td width="331" align="center">
              <input type="submit" name="CT Review Complete (CTRC" id="CT Review Complete (CTRC)" value="CT Review Complete (CTRC)"></td>
        </tr>
        <tr>
          <td align="center">
              <input type="submit" name="Cleanup Queries" id="Cleanup Queries" value="Cleanup Queries"></td>
          <td align="center">
              <input type="submit" name="Cleanup  Complete" id="Cleanup  Complete" value="Cleanup  Complete"></td>
        </tr>
        <tr>
          <td colspan="2" align="center"><input type="submit" name="Go_To_Main_Page" id="Go_To_Main_Page" value="Go To Main Page"></td>
        </tr>
      </table>
      <p>&nbsp;</p>
    </form>
    <h1>&nbsp;</h1>
</body>
</html>


                        
这篇关于无法获取从HTML传递的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
                        
                    
                    
                
				

                            
                        
                

            
        
        

            



        
        
        

            



        
    
    


    

    

        

            登录
            关闭
        
        

            

                扫码关注1秒登录
            
            

                
            
            

                
                
            

发送“验证码”获取 | 15天全站免登陆

友情链接： IT屋 Chrome插件 谷歌浏览器插件

IT屋 ©2016-2022 琼ICP备2021000895号-1 站点地图 站点标签 SiteMap <免责申明> 本站内容来源互联网,如果侵犯您的权益请联系我们删除.