Populate textbox value with option value

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Vivekneo
    New Member
    • Sep 2010
    • 18
    #1

    Populate textbox value with option value

    Hi
    I am very new to web programming, trying to achieve a task, I have a form with 3 dropdown box and a text field(which is readonly).
    My problem now is, after selecting the above 3 dropdown boxes, its values should be populated at the text box value, Ex

    dropdown value 01 = Place (1MUM)
    dropdown value 02 = Year (10)
    dropdown value 03 = Course (MCA)

    text value = Place+Year+Cour se
    (1MUM10MCA)

    here is the form code(any hint i will be very thankful)
    The form is still in design, so please bear.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="stud_don_reg">
  <table width="0" border="0" cellspacing="5">
    <tr>
      <td>&nbsp;</td>
      <td colspan="2"><h2>Student Dontation &amp; Registration Application</h2></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><table width="0" border="0" cellspacing="5">
          <tr>
            <th scope="row" align="left"><label>Student Full Name</label></th>
            <td><input name="stud_full_name" type="text" readonly="true" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Place<sup>#Current Course Place</sup></label></th>
            <td><select name="place" id="select">
                <!-- Uttar Kannada -->
                <option style="font-style:italic; font-weight:bold" selected="selected">Select Place</option>
                <option style="font-style:italic; font-weight:bold">Uttar Kannada</option>
                <option value="1ANK">Ankola</option>
                <option value="1BHA">Bhatkal</option>
                <option value="1HON">Honnavar</option>
                <option value="1KAR">Karwar</option>
                <option value="1KUM">Kumta</option>
                <option value="1SID">Siddapur</option>
                <option value="1SIR">Sirsi</option>
                <option value="1YEL">Yellapur</option>
                <!-- Dharwad -->
                <option style="font-style:italic; font-weight:bold">Dharwad</option>
                <option value="1DHA">Dharwad</option>
                <option value="1HUB">Hubli</option>
                <option value="1KAL">Kalghatgi</option>
                <option value="1KUN">Kundgol</option>
                <option value="1NAV">Navalgund</option>
                <!-- Gadag -->
                <option style="font-style:italic; font-weight:bold">Gadag</option>
                <option value="1GAD">Gadag</option>
                <option value="1LAX">Laxmeshwar</option>
                <option value="1NAR">Naragund</option>
                <option value="1RON">Ron</option>
                <!-- Koppal -->
                <option style="font-style:italic; font-weight:bold">Koppal</option>
                <option value="1GAN">Gangavati</option>
                <option value="1KOP">Koppal</option>
                <option value="1KUS">Kushtagi</option>
                <!-- Bellary -->
                <option style="font-style:italic; font-weight:bold">Bellary</option>
                <option value="1BEL">Bellary</option>
                <option value="1HBH">HB Halli</option>
                <option value="1HOS">Hospet</option>
                <option value="1KUD">Kudligi</option>
                <option value="1SAN">Sandur</option>
                <!-- Davangere -->
                <option style="font-style:italic; font-weight:bold">Davangere</option>
                <option value="1HAR"> Harihar</option>
                <option value="2HON"> Honnalli</option>
                <option value="1DAV">Davangere</option>
                <!-- Shimoga -->
                <option style="font-style:italic; font-weight:bold">Shimoga</option>
                <option value="1BIR">Birur</option>
                <option value="2HOS">Hosanagar</option>
                <option value="1KAD">Kadur</option>
                <option value="1NAG">Nagar</option>
                <option value="1SAG">Sagar</option>
                <option value="1SHI">Shimoga</option>
                <!-- Chikkamagalur -->
                <option style="font-style:italic; font-weight:bold">Chikkamagalur</option>
                <option value="1CHI">Chikkamagalur</option>
                <!-- Hassan -->
                <option style="font-style:italic; font-weight:bold">Hassan</option>
                <option value="1ARS">Arsikere</option>
                <option value="1HAS">Hassan</option>
                <!-- Dakshin Kannada -->
                <option style="font-style:italic; font-weight:bold">Dakshin Kannada</option>
                <option value="2BEL">Belthangadi</option>
                <option value="1MAN">Mangalore</option>
                <option value="1PUT">Puttur</option>
                <option value="1SUL">Sulia</option>
                <!-- Udupi -->
                <option style="font-style:italic; font-weight:bold">Udupi</option>
                <option value="1BYN">Byndoor</option>
                <option value="2KAR">Karkala</option>
                <option value="2KUN">Kundapur</option>
                <option value="1UDU">Udupi</option>
                <!-- Bangalore -->
                <option style="font-style:italic; font-weight:bold">Bangalore</option>
                <option value="1BAN">Bangalore</option>
                <!-- Chitradurg -->
                <option style="font-style:italic; font-weight:bold">Chitradurg</option>
                <option value="2CHI">Chitradurg</option>
                <!-- Kodagu -->
                <option style="font-style:italic; font-weight:bold">Kodagu</option>
                <option value="2KUS">Kushalnagar</option>
                <option value="1MAD">Madikere</option>
                <option value="1SOM">Somawarpet</option>
              </select></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Current Course Year</label></th>
            <td><select name="year">
            <option value="06">2006</option>
            <option value="07">2007</option>
            <option value="08">2008</option>
            <option value="09">2009</option>
            <option value="10">2010</option>
            </select>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Course Name &amp; Semester</label></th>
            <td><select name="course">
            <option value="SSLC">SSLC</option>
            <option value="PUC1">PUC 1st yr</option>
            <option value="PUC2">PUC 2nd yr</option>
            <!-- Diploma -->
            <option value="DIP1A">Diploma 1st yr, 1st Sem</option>
            <option value="DIP1B">Diploma 1st yr, 2nd Sem</option>
            <option value="DIP2A">Diploma 2nd yr, 3rd Sem</option>
            <option value="DIP2B">Diploma 2nd yr, 4th Sem</option>
            <option value="DIP3A">Diploma 3rd yr, 5th Sem</option>
            <option value="DIP3B">Diploma 3rd yr, 6th Sem</option>
            <!-- BCom -->
            <option value="BCOM1A">BCOM 1st yr, 1st Sem</option>
            <option value="BCOM1B">BCOM 1st yr, 2nd Sem</option>
            <option value="BCOM2A">BCOM 2nd yr, 3rd Sem</option>
            <option value="BCOM2B">BCOM 2nd yr, 4th Sem</option>
            <option value="BCOM3A">BCOM 3rd yr, 5th Sem</option>
            <option value="BCOM3B">BCOM 3rd yr, 6th Sem</option>
            <!-- BA -->
            <option value="BA1A">BA 1st yr, 1st Sem</option>
            <option value="BA1B">BA 1st yr, 2nd Sem</option>
            <option value="BA2A">BA 2nd yr, 3rd Sem</option>
            <option value="BA2B">BA 2nd yr, 4th Sem</option>
            <option value="BA3A">BA 3rd yr, 5th Sem</option>
            <option value="BA3B">BA 3rd yr, 6th Sem</option>
            <!-- BSc -->
            <option value="BSC1A">BSC 1st yr, 1st Sem</option>
            <option value="BSC1B">BSC 1st yr, 2nd Sem</option>
            <option value="BSC2A">BSC 2nd yr, 3rd Sem</option>
            <option value="BSC2B">BSC 2nd yr, 4th Sem</option>
            <option value="BSC3A">BSC 3rd yr, 5th Sem</option>
            <option value="BSC3B">BSC 3rd yr, 6th Sem</option>
            <!-- BCA -->
            <option value="BCA1A">BCA 1st yr, 1st Sem</option>
            <option value="BCA1B">BCA 1st yr, 2nd Sem</option>
            <option value="BCA2A">BCA 2nd yr, 3rd Sem</option>
            <option value="BCA2B">BCA 2nd yr, 4th Sem</option>
            <option value="BCA3A">BCA 3rd yr, 5th Sem</option>
            <option value="BCA3B">BCA 3rd yr, 6th Sem</option>
            </select>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Student Registration Number</label></th>
            <td><input name="stud_reg" type="text" size="30" maxlength="30" readonly="true" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Donation Amount</label></th>
            <td><input name="don_amt" type="text" size="30" maxlength="30" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left">&nbsp;</th>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left">&nbsp;</th>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>
    Tags: populate
    • RamananKalirajan
      Contributor
      • Mar 2008
      • 608
      #2
      Hi,
      Use onchange event in the select.

      Ex: HTML

      Code:
      <select id="placeSelect" onchange="doThis()">
<option value="--Select--">--Select--</option>
...
</select>
      Ex: JS Part
      Code:
      function doThis()
{
  var selObj = document.getElementById('placeSelect');
  if(selObj.selectedIndex>0)
  {
      alert("Selected Value = "+selObj.options[selObj.selectedIndex].value);
  }
}
      Thanks and Regards
      Ramanan Kalirajan

        Comment

        • Vivekneo
          New Member
          • Sep 2010
          • 18
          #3
          hello sir,

          I have tried this logic, but still i am not able to add(concat) 3 different values from the 3 different dropdown values, and display them in a readonly text box or label.

          thank you every much for your time, pls can you try and help me in the above problem.

            Comment

            • RamananKalirajan
              Contributor
              • Mar 2008
              • 608
              #4
              It is simple yaar....

              In the third Select box, use onchange event. Call a method.
              In that method first check the values for all the three select object. Then put it them in the text box.

              Ex:
              Code:
              var res = selObj1.options[selObj1.selectedIndex].value+""+selObj2.options[selObj2.selectedIndex].value+""+selObj3.options[selObj3.selectedIndex].value;
document.getElementById("stud_reg").value= res;
              Note: Please include id attribute for the text box also.

              This will solve your problem and dont need to call sir. Just address me as Ramanan.

              Thanks and Regards
              Ramanan Kalirajan

                Comment

                • Vivekneo
                  New Member
                  • Sep 2010
                  • 18
                  #5
                  Hi Ramanan,

                  thank you very much for your quick response, i greatly appreciate, i will try this, and let you know about the success.

                  Thank you again.

                    Comment

                    • Vivekneo
                      New Member
                      • Sep 2010
                      • 18
                      #6
                      Hi Ramanan,

                      Got partial success,
                      1. for place if i select the default value "Select Place" is selected by the function, is their any way to validate so the only respective code values is setected
                        Ex:
                        Code:
                        <option value="1ANK">Ankola</option>
                        1ANK

                        i think this is causing to select the default value.
                        Code:
                        if(selObj1.selectedIndex>0)

                      1. i ma still not able to set the textbox value
                        here is the updated code

                        Code:
                        <tr>
            <script type="text/javascript">
	 			function placeSelect()
 				{
 					var selObj1 = document.getElementById('place');
					if(selObj1.selectedIndex>0)
 					{
  						alert("Selected Value = "+selObj1.options[selObj1.selectedIndex].value);
					}
				}
			</script>
            <th scope="row" align="left"><label>Place<sup>#Current Course Place</sup></label></th>
            <td><select name="place" id="place" style="width:205px" onchange="placeSelect()">
                <!-- Uttar Kannada -->
                <option style="font-style:italic; font-weight:bold" selected="selected">Select Place</option>
                <option style="font-style:italic; font-weight:bold">Uttar Kannada</option>
                <option value="1ANK">Ankola</option>
                <option value="1BHA">Bhatkal</option>
                <option value="1HON">Honnavar</option>
                <option value="1KAR">Karwar</option>
                <option value="1KUM">Kumta</option>
                <option value="1SID">Siddapur</option>
                <option value="1SIR">Sirsi</option>
                <option value="1YEL">Yellapur</option>
                <!-- Dharwad -->
                <option style="font-style:italic; font-weight:bold">Dharwad</option>
                <option value="1DHA">Dharwad</option>
                <option value="1HUB">Hubli</option>
                <option value="1KAL">Kalghatgi</option>
                <option value="1KUN">Kundgol</option>
                <option value="1NAV">Navalgund</option>
                <!-- Gadag -->
                <option style="font-style:italic; font-weight:bold">Gadag</option>
                <option value="1GAD">Gadag</option>
                <option value="1LAX">Laxmeshwar</option>
                <option value="1NAR">Naragund</option>
                <option value="1RON">Ron</option>
                <!-- Koppal -->
                <option style="font-style:italic; font-weight:bold">Koppal</option>
                <option value="1GAN">Gangavati</option>
                <option value="1KOP">Koppal</option>
                <option value="1KUS">Kushtagi</option>
                <!-- Bellary -->
                <option style="font-style:italic; font-weight:bold">Bellary</option>
                <option value="1BEL">Bellary</option>
                <option value="1HBH">HB Halli</option>
                <option value="1HOS">Hospet</option>
                <option value="1KUD">Kudligi</option>
                <option value="1SAN">Sandur</option>
                <!-- Davangere -->
                <option style="font-style:italic; font-weight:bold">Davangere</option>
                <option value="1HAR"> Harihar</option>
                <option value="2HON"> Honnalli</option>
                <option value="1DAV">Davangere</option>
                <!-- Shimoga -->
                <option style="font-style:italic; font-weight:bold">Shimoga</option>
                <option value="1BIR">Birur</option>
                <option value="2HOS">Hosanagar</option>
                <option value="1KAD">Kadur</option>
                <option value="1NAG">Nagar</option>
                <option value="1SAG">Sagar</option>
                <option value="1SHI">Shimoga</option>
                <!-- Chikkamagalur -->
                <option style="font-style:italic; font-weight:bold">Chikkamagalur</option>
                <option value="1CHI">Chikkamagalur</option>
                <!-- Hassan -->
                <option style="font-style:italic; font-weight:bold">Hassan</option>
                <option value="1ARS">Arsikere</option>
                <option value="1HAS">Hassan</option>
                <!-- Dakshin Kannada -->
                <option style="font-style:italic; font-weight:bold">Dakshin Kannada</option>
                <option value="2BEL">Belthangadi</option>
                <option value="1MAN">Mangalore</option>
                <option value="1PUT">Puttur</option>
                <option value="1SUL">Sulia</option>
                <!-- Udupi -->
                <option style="font-style:italic; font-weight:bold">Udupi</option>
                <option value="1BYN">Byndoor</option>
                <option value="2KAR">Karkala</option>
                <option value="2KUN">Kundapur</option>
                <option value="1UDU">Udupi</option>
                <!-- Bangalore -->
                <option style="font-style:italic; font-weight:bold">Bangalore</option>
                <option value="1BAN">Bangalore</option>
                <!-- Chitradurg -->
                <option style="font-style:italic; font-weight:bold">Chitradurg</option>
                <option value="2CHI">Chitradurg</option>
                <!-- Kodagu -->
                <option style="font-style:italic; font-weight:bold">Kodagu</option>
                <option value="2KUS">Kushalnagar</option>
                <option value="1MAD">Madikere</option>
                <option value="1SOM">Somawarpet</option>
              </select></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
          <script type="text/javascript">
	 			function yearSelect()
 				{
 					var selObj2 = document.getElementById('year');
					if(selObj2.selectedIndex>0)
 					{
  						alert("Selected Value = "+selObj2.options[selObj2.selectedIndex].value);
					}
				}
			</script>
            <th scope="row" align="left"><label>Current Course Year</label></th>
            <td><select name="year" id="year" onchange="yearSelect()">
                <option value="06">2006</option>
                <option value="07">2007</option>
                <option value="08">2008</option>
                <option value="09">2009</option>
                <option value="10">2010</option>
              </select></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
          <script type="text/javascript">
	 			function courseSelect()
 				{
 					var selObj3 = document.getElementById('course');
					if(selObj3.selectedIndex>0)
 					{
  						alert("Selected Value = "+selObj3.options[selObj3.selectedIndex].value);
					}
				}
			</script>
            <th scope="row" align="left"><label>Course Name &amp; Semester</label></th>
            <td><select name="course" id="course" style="width:205px" onchange="courseSelect()">
                <option value="SSLC">SSLC</option>
                <option value="PUC1">PUC 1st yr</option>
                <option value="PUC2">PUC 2nd yr</option>
                <!-- Diploma -->
                <option value="DIP1A">Diploma 1st yr, 1st Sem</option>
                <option value="DIP1B">Diploma 1st yr, 2nd Sem</option>
                <option value="DIP2A">Diploma 2nd yr, 3rd Sem</option>
                <option value="DIP2B">Diploma 2nd yr, 4th Sem</option>
                <option value="DIP3A">Diploma 3rd yr, 5th Sem</option>
                <option value="DIP3B">Diploma 3rd yr, 6th Sem</option>
                <!-- BCom -->
                <option value="BCOM1A">BCOM 1st yr, 1st Sem</option>
                <option value="BCOM1B">BCOM 1st yr, 2nd Sem</option>
                <option value="BCOM2A">BCOM 2nd yr, 3rd Sem</option>
                <option value="BCOM2B">BCOM 2nd yr, 4th Sem</option>
                <option value="BCOM3A">BCOM 3rd yr, 5th Sem</option>
                <option value="BCOM3B">BCOM 3rd yr, 6th Sem</option>
                <!-- BA -->
                <option value="BA1A">BA 1st yr, 1st Sem</option>
                <option value="BA1B">BA 1st yr, 2nd Sem</option>
                <option value="BA2A">BA 2nd yr, 3rd Sem</option>
                <option value="BA2B">BA 2nd yr, 4th Sem</option>
                <option value="BA3A">BA 3rd yr, 5th Sem</option>
                <option value="BA3B">BA 3rd yr, 6th Sem</option>
                <!-- BSc -->
                <option value="BSC1A">BSC 1st yr, 1st Sem</option>
                <option value="BSC1B">BSC 1st yr, 2nd Sem</option>
                <option value="BSC2A">BSC 2nd yr, 3rd Sem</option>
                <option value="BSC2B">BSC 2nd yr, 4th Sem</option>
                <option value="BSC3A">BSC 3rd yr, 5th Sem</option>
                <option value="BSC3B">BSC 3rd yr, 6th Sem</option>
                <!-- BCA -->
                <option value="BCA1A">BCA 1st yr, 1st Sem</option>
                <option value="BCA1B">BCA 1st yr, 2nd Sem</option>
                <option value="BCA2A">BCA 2nd yr, 3rd Sem</option>
                <option value="BCA2B">BCA 2nd yr, 4th Sem</option>
                <option value="BCA3A">BCA 3rd yr, 5th Sem</option>
                <option value="BCA3B">BCA 3rd yr, 6th Sem</option>
              </select></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
          <script type="text/javascript">
var res = selObj1.options[selObj1.selectedIndex].value+""+selObj2.options[selObj2.selectedIndex].value+""+selObj3.options[selObj3.selectedIndex].value;
document.getElementById("stud_reg").value= res;
		  </script>
            <th scope="row" align="left"><label>Student Registration Number</label></th>
            <td><input name="stud_reg" id="stud_reg" type="text" size="30" maxlength="30" readonly="true" /></td>
            <td>&nbsp;</td>
          </tr>

                        Comment

                        • RamananKalirajan
                          Contributor
                          • Mar 2008
                          • 608
                          #7
                          Hi,
                          I found out the problem. Many used to do this kind of errors. The problem is you have declared and defined the script variables in JS function, but you are trying to access them in some other place. The variable declared in a function are local to that function. It can not be accessed at other places. The working code

                          Code:
                          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
 function doThis(){
  var selObj1 = document.getElementById("place");
  var selObj2 = document.getElementById("year");
  var selObj3 = document.getElementById("course");
  if(selObj1.selectedIndex==0)
  {
     alert("Please select a place");
     return;
  }
  var res = selObj1.options[selObj1.selectedIndex].value+""+selObj2.options[selObj2.selectedIndex].value+""+selObj3.options[selObj3.selectedIndex].value;
  document.getElementById("stud_reg").value= res;
}
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="stud_don_reg">
  <table width="0" border="0" cellspacing="5">
    <tr>
      <td>&nbsp;</td>
      <td colspan="2"><h2>Student Dontation &amp; Registration Application</h2></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><table width="0" border="0" cellspacing="5">
          <tr>
            <th scope="row" align="left"><label>Student Full Name</label></th>
            <td><input name="stud_full_name" type="text" readonly="true" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Place<sup>#Current Course Place</sup></label></th>
            <td><select name="place" id="place">
                <!-- Uttar Kannada -->
                <option style="font-style:italic; font-weight:bold" selected="selected">Select Place</option>
                <option style="font-style:italic; font-weight:bold">Uttar Kannada</option>
                <option value="1ANK">Ankola</option>
                <option value="1BHA">Bhatkal</option>
                <option value="1HON">Honnavar</option>
                <option value="1KAR">Karwar</option>
                <option value="1KUM">Kumta</option>
                <option value="1SID">Siddapur</option>
                <option value="1SIR">Sirsi</option>
                <option value="1YEL">Yellapur</option>
                <!-- Dharwad -->
                <option style="font-style:italic; font-weight:bold">Dharwad</option>
                <option value="1DHA">Dharwad</option>
                <option value="1HUB">Hubli</option>
                <option value="1KAL">Kalghatgi</option>
                <option value="1KUN">Kundgol</option>
                <option value="1NAV">Navalgund</option>
                <!-- Gadag -->
                <option style="font-style:italic; font-weight:bold">Gadag</option>
                <option value="1GAD">Gadag</option>
                <option value="1LAX">Laxmeshwar</option>
                <option value="1NAR">Naragund</option>
                <option value="1RON">Ron</option>
                <!-- Koppal -->
                <option style="font-style:italic; font-weight:bold">Koppal</option>
                <option value="1GAN">Gangavati</option>
                <option value="1KOP">Koppal</option>
                <option value="1KUS">Kushtagi</option>
                <!-- Bellary -->
                <option style="font-style:italic; font-weight:bold">Bellary</option>
                <option value="1BEL">Bellary</option>
                <option value="1HBH">HB Halli</option>
                <option value="1HOS">Hospet</option>
                <option value="1KUD">Kudligi</option>
                <option value="1SAN">Sandur</option>
                <!-- Davangere -->
                <option style="font-style:italic; font-weight:bold">Davangere</option>
                <option value="1HAR"> Harihar</option>
                <option value="2HON"> Honnalli</option>
                <option value="1DAV">Davangere</option>
                <!-- Shimoga -->
                <option style="font-style:italic; font-weight:bold">Shimoga</option>
                <option value="1BIR">Birur</option>
                <option value="2HOS">Hosanagar</option>
                <option value="1KAD">Kadur</option>
                <option value="1NAG">Nagar</option>
                <option value="1SAG">Sagar</option>
                <option value="1SHI">Shimoga</option>
                <!-- Chikkamagalur -->
                <option style="font-style:italic; font-weight:bold">Chikkamagalur</option>
                <option value="1CHI">Chikkamagalur</option>
                <!-- Hassan -->
                <option style="font-style:italic; font-weight:bold">Hassan</option>
                <option value="1ARS">Arsikere</option>
                <option value="1HAS">Hassan</option>
                <!-- Dakshin Kannada -->
                <option style="font-style:italic; font-weight:bold">Dakshin Kannada</option>
                <option value="2BEL">Belthangadi</option>
                <option value="1MAN">Mangalore</option>
                <option value="1PUT">Puttur</option>
                <option value="1SUL">Sulia</option>
                <!-- Udupi -->
                <option style="font-style:italic; font-weight:bold">Udupi</option>
                <option value="1BYN">Byndoor</option>
                <option value="2KAR">Karkala</option>
                <option value="2KUN">Kundapur</option>
                <option value="1UDU">Udupi</option>
                <!-- Bangalore -->
                <option style="font-style:italic; font-weight:bold">Bangalore</option>
                <option value="1BAN">Bangalore</option>
                <!-- Chitradurg -->
                <option style="font-style:italic; font-weight:bold">Chitradurg</option>
                <option value="2CHI">Chitradurg</option>
                <!-- Kodagu -->
                <option style="font-style:italic; font-weight:bold">Kodagu</option>
                <option value="2KUS">Kushalnagar</option>
                <option value="1MAD">Madikere</option>
                <option value="1SOM">Somawarpet</option>
              </select></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Current Course Year</label></th>
            <td><select name="year" id="year">
            <option value="06">2006</option>
            <option value="07">2007</option>
            <option value="08">2008</option>
            <option value="09">2009</option>
            <option value="10">2010</option>
            </select>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Course Name &amp; Semester</label></th>
            <td><select name="course" id="course" onchange="doThis()">
            <option value="SSLC">SSLC</option>
            <option value="PUC1">PUC 1st yr</option>
            <option value="PUC2">PUC 2nd yr</option>
            <!-- Diploma -->
            <option value="DIP1A">Diploma 1st yr, 1st Sem</option>
            <option value="DIP1B">Diploma 1st yr, 2nd Sem</option>
            <option value="DIP2A">Diploma 2nd yr, 3rd Sem</option>
            <option value="DIP2B">Diploma 2nd yr, 4th Sem</option>
            <option value="DIP3A">Diploma 3rd yr, 5th Sem</option>
            <option value="DIP3B">Diploma 3rd yr, 6th Sem</option>
            <!-- BCom -->
            <option value="BCOM1A">BCOM 1st yr, 1st Sem</option>
            <option value="BCOM1B">BCOM 1st yr, 2nd Sem</option>
            <option value="BCOM2A">BCOM 2nd yr, 3rd Sem</option>
            <option value="BCOM2B">BCOM 2nd yr, 4th Sem</option>
            <option value="BCOM3A">BCOM 3rd yr, 5th Sem</option>
            <option value="BCOM3B">BCOM 3rd yr, 6th Sem</option>
            <!-- BA -->
            <option value="BA1A">BA 1st yr, 1st Sem</option>
            <option value="BA1B">BA 1st yr, 2nd Sem</option>
            <option value="BA2A">BA 2nd yr, 3rd Sem</option>
            <option value="BA2B">BA 2nd yr, 4th Sem</option>
            <option value="BA3A">BA 3rd yr, 5th Sem</option>
            <option value="BA3B">BA 3rd yr, 6th Sem</option>
            <!-- BSc -->
            <option value="BSC1A">BSC 1st yr, 1st Sem</option>
            <option value="BSC1B">BSC 1st yr, 2nd Sem</option>
            <option value="BSC2A">BSC 2nd yr, 3rd Sem</option>
            <option value="BSC2B">BSC 2nd yr, 4th Sem</option>
            <option value="BSC3A">BSC 3rd yr, 5th Sem</option>
            <option value="BSC3B">BSC 3rd yr, 6th Sem</option>
            <!-- BCA -->
            <option value="BCA1A">BCA 1st yr, 1st Sem</option>
            <option value="BCA1B">BCA 1st yr, 2nd Sem</option>
            <option value="BCA2A">BCA 2nd yr, 3rd Sem</option>
            <option value="BCA2B">BCA 2nd yr, 4th Sem</option>
            <option value="BCA3A">BCA 3rd yr, 5th Sem</option>
            <option value="BCA3B">BCA 3rd yr, 6th Sem</option>
            </select>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Student Registration Number</label></th>
            <td><input name="stud_reg" id="stud_reg" type="text" size="30" maxlength="30" readonly="true" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left"><label>Donation Amount</label></th>
            <td><input name="don_amt" type="text" size="30" maxlength="30" /></td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left">&nbsp;</th>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th scope="row" align="left">&nbsp;</th>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>
                          Please correct your mistakes.

                          Thanks and Regards
                          Ramanan Kalirajan

                            Comment

                            • Vivekneo
                              New Member
                              • Sep 2010
                              • 18
                              #8
                              Thank you very much,

                              i admit to my mistake, had placed it in the wrong place, i know this is a silly issue to fix, i am learning a lot from my mistakes :)

                                Comment

                                • Vivekneo
                                  New Member
                                  • Sep 2010
                                  • 18
                                  #9
                                  Hi Ramanan,

                                  is there any way to add id number or some thing at the end of the textbox value generated.

                                  ex : "1ANK07DIP1 A" to "1ANK07DIP1A000 1"

                                  and auto increment the value every time it goes to database.

                                    Comment

                                    • RamananKalirajan
                                      Contributor
                                      • Mar 2008
                                      • 608
                                      #10
                                      Yes you can do that. Using Global variable concept. You can have a global variable in your script and use that variable to increment whenever the function is called or loaded. But there is a problem in it. If you go to someother pae and navigate back your index will start from 0. Inorder to avoid that you can use your server side language. I dont know what is your back end language. You can order the studen id by ascending and fetch the last value to the page on load. Use some seperation logic for that number alone and increment it and then use it.

                                      Thanks and Regards
                                      Ramanan Kalirajan

                                        Comment

                                        • Vivekneo
                                          New Member
                                          • Sep 2010
                                          • 18
                                          #11
                                          Hi,

                                          sorry was moved on different form,

                                          can i add db id value to the reg code generated
                                          ex : "1ANK07DIP1 A" to "1ANK07DIP1 A1"

                                            Comment

                                            Previous template Next
                                            Working...