Wert übergeben von html dropdown javascript

ich versuche zu pass " - Wert von jsp-javascript-stürzt aber sagen: Wert ist undefiniert

mein dropdown-code :

<html:select  name="AuthoringForm" property="disease_name" size="1" onchange="javascript:onchange_action()" >
<option selected="selected"> </option> 
<option value="Malaria">Malaria</option>
<option value="High Fever">High Fever</option>
<option value="Cholera">Cholera</option>
</html:select></p>

wenn javascript :

function onchange_action()
{
    var e=document.getElementsByName("AuthoringForm");
    alert("the value of the option here is "+e);
    decisiontree.dieasenameencode=e;
}

Alarm sagt :

the value of the option here is undifined

meine jsp :

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@taglib uri="/WEB-INF/struts-html.tld" prefix="html" %> 
<%@taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %> 
<%@taglib uri="/WEB-INF/struts-nested.tld" prefix="nested" %> 
<% 
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1
response.setHeader("Pragma","no-cache"); //HTTP 1.0
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server
%>

<html>
<head>
<script src="javascript/display_toggle.js" type="text/javascript"></script>
<script src="javascript/onchange_action.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>IDOC AUTHORING TOOL</title>
</head>
<body>
<p>
<u> </u><font size="7"><u>IDOC AUTHORING TOOL</u></font></p>
<p></p>
<p>Choose Authoring Mode :
<select size="1" name="AuthoringOption" id="AuthoringOption" onchange="javascript:display_toggle()">
<option selected="selected"> </option>
<option value ="1">Input Desicion Tree</option>
<option value ="2">Input Prevention</option>
<option value ="3">Input Symptoms</option>
<option value ="4">Input Prescription</option>
</select>
</p>



<div id="BasePage"  style="display:block;" >
<p>Enter/Choose ailment : 
<select  size="1">
<option>Malaria</option>
<option>High Fever</option>
<option>Cholera</option>
</select></p>

<fieldset style="width: 381px; height: 126px; padding: 2">
    <legend align="left"></legend>
 Tick off patient context :
    <input type="radio" value="V1" checked name="R1">Men
    <input type="radio" name="R1" value="V2">Women
    <p>
    <input type="radio" name="R1" value="V3"> Child
    <input type="radio" name="R1" value="V4"> All</p>
    </fieldset>
<p>Enter Pre Conditions</p>
<p><textarea rows="2" cols="20"></textarea> 
</div> 


<!-- ______________________________________________________________________________________________________- -->


<div id="Symptoms" style="display:none;">
<html:form method="POST" action="symptoms"  >
<!-- --- -->    
<p></p>
<p>Enter/Choose ailment : 
<html:select name="AuthoringForm" property="disease_name" size="1">
<option>Malaria</option>
<option>High Fever</option>
<option>Cholera</option>
</html:select></p>
<fieldset style="width: 381px; height: 126px; padding: 2">
<legend align="left"></legend>
 Tick off patient context :
<html:radio value="Men" name="AuthoringForm" property="patient_context" disabled="false"/>
Men
<html:radio value="Womwen" name="AuthoringForm" property="patient_context" disabled="false"/>
Women
<p>
<html:radio value="Child" name="AuthoringForm" property="patient_context" disabled="false"/>
Child
<html:radio value="Al" name="AuthoringForm" property="patient_context" disabled="false"/>
All
</fieldset>
<p>Enter Pre Conditions</p>
<p><html:textarea rows="2" name="AuthoringForm" cols="20" property="patient_precondition" ></html:textarea>


<!-- ---------- -->

<p>Must Have Symptoms : 
May Have Symptoms :</p>
<p><html:textarea rows="2" name="AuthoringForm" cols="20" property="must_have_symptoms"></html:textarea>
<!-- <input type="submit" value="Submit" name="B2">-->
<html:textarea rows="2" name="AuthoringForm" cols="20" property="may_have_symptoms"></html:textarea>
<input type="submit" value="Submit" name="symptomsButton"><input type="reset" value="Reset" onclick="this.form.reset()"></p>
</html:form>
</div>

<!--___________________________________________________________________________________________ -->
<div id="Prevention" style="display:none;">
<html:form  method="POST" action="prevention"  >

<!-- ---------------------------------- --> 
<p></p>
<p>Enter/Choose ailment :

<html:select name="AuthoringForm" property="disease_name" size="1">
<option>Malaria</option>
<option>High Fever</option>
<option>Cholera</option>
</html:select></p>



    <fieldset style="width: 381px; height: 126px; padding: 2">
    <legend align="left"></legend>
     Tick off patient context :
    <html:radio value="Men" name="AuthoringForm" property="patient_context" disabled="false"/>
    Men
    <html:radio value="Womwen" name="AuthoringForm" property="patient_context" disabled="false"/>
    Women
    <p>
    <html:radio value="Child" name="AuthoringForm" property="patient_context" disabled="false"/>
    Child
    <html:radio value="Al" name="AuthoringForm" property="patient_context" disabled="false"/>
    All
    </fieldset>

<p>Enter Pre Conditions</p>

    <p><html:textarea rows="2" name="AuthoringForm" cols="20" property="patient_precondition" ></html:textarea>


<!-- --------------------------------------------------- -->   


    <p>Input for Prevention :
    </p>
    <p><html:textarea rows="8" name="AuthoringForm" cols="79" property="prevention"></html:textarea>
    <input type="submit" value="Submit" name="preventionButton"><input type="reset" value="Reset" onclick="this.form.reset()">
    </p>
</html:form>
</div>


<!--____________________________________________________________________________________________ -->




<div id="decisiontree" style="display:none;">

<html:form method="POST" action="decisiontree" >
<!-- ------------------------------------------------ -->
<p></p>
<p>Enter/Choose ailment :

<!-- ------------------------------------ -->
<html:select  name="AuthoringForm" property="disease_name" size="1" onchange="javascript:onchange_action()" >
<option value="Malaria">Malaria</option>
<option value="High Fever">High Fever</option>
<option value="Cholera">Cholera</option>
</html:select></p>

<!-- --------------------------------- -->

<fieldset style="width: 381px; height: 126px; padding: 2">
    <legend align="left"></legend>
     Tick off patient context :
    <html:radio value="Men" name="AuthoringForm" property="patient_context" disabled="false"/>
    Men
    <html:radio value="Womwen" name="AuthoringForm" property="patient_context" disabled="false"/>
    Women
    <p>
    <html:radio value="Child" name="AuthoringForm" property="patient_context" disabled="false"/>
    Child
    <html:radio value="Al" name="AuthoringForm" property="patient_context" disabled="false"/>
    All
</fieldset>
<p>Enter Pre Conditions</p>
<p><html:textarea rows="2" name="AuthoringForm" cols="20" property="patient_precondition" ></html:textarea>

<!-- ------------------------------------------------ -->

    <p>
    </p>
    <fieldset style="width: 1225px; height: 451px; padding: 2">
    <legend>Decision Tree Preview </legend>

<applet id="decisiontree" code="com.vaannila.utility.dynamicTreeApplet.class" archive="./appletjars/dynamictree.jar, ./appletjars/prefuse.jar" width ="1000" height="500" >
</applet>
</fieldset><p>

    </p>
    <p>Enter Follow Up Questions :</p>

    <html:textarea rows="4" name="AuthoringForm" cols="45" property="follow_up_questions" ></html:textarea>
    <html:radio value="Yes" name="AuthoringForm" property="followupconsent" disabled="false"/> 
Yes
    <html:radio  value="No" name="AuthoringForm" property="followupconsent" disabled="false"/> 
No
    <input type="submit" value="Submit" name="followupQuestionButton"><input type="reset" value="Reset" onclick="this.form.reset()"><p>
    </p>
</html:form>
</div>
<!--  ______________________________________________________________________________________________________________________________-->

<div id="Prescription" style="display:none;">
<html:form  method="POST" action="prescription"  >

<!-- ---------------------------------- --> 

<p></p>
<p>Enter/Choose ailment :
<html:select name="AuthoringForm" property="disease_name" size="1">
<option>Malaria</option>
<option>High Fever</option>
<option>Cholera</option>
</html:select></p>


    <fieldset style="width: 381px; height: 126px; padding: 2">
    <legend align="left"></legend>
     Tick off patient context :
    <html:radio value="Men" name="AuthoringForm" property="patient_context" disabled="false"/>
    Men
    <html:radio value="Womwen" name="AuthoringForm" property="patient_context" disabled="false"/>
    Women
    <p>
    <html:radio value="Child" name="AuthoringForm" property="patient_context" disabled="false"/>
    Child
    <html:radio value="Al" name="AuthoringForm" property="patient_context" disabled="false"/>
    All
    </fieldset>

<p>Enter Pre Conditions</p>

    <p><html:textarea rows="2" name="AuthoringForm" cols="20" property="patient_precondition" ></html:textarea>


<!-- --------------------------------------------------- -->   


    <p>Input for Prescription :
    </p>
    <p><html:textarea rows="8" name="AuthoringForm" cols="79" property="prescrption"></html:textarea>
    <input type="submit" value="Submit" name="prescriptionButton" ><input type="reset" value="Reset" onclick="this.form.reset()">
    </p>
</html:form>
</div>
</body>
</html>
  • Verwenden getElementById statt Namen, und Sie brauchen, um zu verwenden .value
InformationsquelleAutor bhalkian | 2011-08-29
  1. 4

    Benötigen Sie:

    var e=document.getElementsByName("AuthoringForm")[0];
alert("the value of the option here is "+e.value);

    Vollständige code:

    <!DOCTYPE html>
<html>
<head>
<title></title>
<script type="application/javascript">
function onchange_action()
{
    var e=document.getElementsByName("AuthoringForm")[0];
    alert("the value of the option here is "+e.value);
    decisiontree.dieasenameencode=e;
}
</script>
</head>
<body>
<select name="AuthoringForm" property="disease_name" size="1" onchange="onchange_action();">
    <option selected="selected"> </option> 
    <option value="Malaria">Malaria</option>
    <option value="High Fever">High Fever</option>
    <option value="Cholera">Cholera</option>
</select>
</body>
</html>
    • doenot auf diese Weise funktionieren auch
    • Ich bearbeitet den vollständigen HTML-code, könnten Sie versuchen, mit, dass. Es ist für mich arbeiten.
    • schätzen Ryan für die schnelle Antwort ja, es arbeitete für mich, wenn ich nahm Sie code, der einzeln, aber doesnot Arbeit, wenn ich fusionierte Sie meine jsp .Ich bin einfügen meine volle jsp für Sie .
    • Ich weiß nicht, JSP, aber ich denke, das problem ist, dass viele Ihrer Elemente haben die name von AuthoringForm. Attribut name ist nur für einen einzigen Eingang in der Regel. Sie weisen eine einzigartige id zu den <select> element und bekommen es durch getElementById.
    InformationsquelleAutor Ryan Li
  2. 0
    function onchange_action()
{
    var e=document.getElementsById("AuthoringForm").value;
    alert("the value of the option here is "+e);
    decisiontree.dieasenameencode=e;
}

    sein könnte, dies kann Ihnen helfen, Wert zu erhalten.

    InformationsquelleAutor IT_INFOhUb
Schreibe einen Kommentar