[SOLVED] Selector changes Text field value

[Fabis94]

Ok this is my form:

 

  		echo '<form name="myform" action="newpage.php" method="post"><b>Create a new page - Enter its name (without .php):</b> ';
  		echo '<input name="phpname2" type="text" size="15" maxlength="10" />';
	echo '<br /><b>Write in the folder where it should be saved*:</b> <input name="folder_location2" type="text" value="/" size="15"><br>';
	echo '<select name="howtowrite" id="howtowrite" onClick="whichTest()"><option selected>New</option><option>Quest</option><option>Skill</option></select>';
	echo '<br>*Root of the server is "/" so if you want to save it on a folder called PHP, write "/PHP/".';
	echo ' Always add the end-slash.<br><br><br><br>';
	echo '<center><b>Write in the contents of the file:</b> ';
	echo '<textarea name="page_contents2" cols="60" rows="10"></textarea>'; //' . $htmlstart . '
	echo '<br><input name="second_method" type="submit" /></center>';

 

(dont mind the Echos) I'm using it in a PHP script. I want howtowrite selector to change the textarea page_contents2 value. So for example if howtowrite is New the page_contents2 value becomes "New" etc. At howtowrite i already added onClick="whichTest()", but i am a total noob at Javascript i don't know what to do now. I made this function, but it doesn't work (obviously):

 

  <script language="JavaScript" type="text/javascript">
  function whichTest() {
  var n = obj.SelectedIndex;
  var val = obj[n].text;
  switch (document.myform.howtowrite.text) {
	  case "New":
	  	document.myform.page_contents2.value = '1';
		break;
	  case "Quest":
	  	document.myform.page_contents2.value = '2';
		break;
	  case "Skill":
	    document.myform.page_contents2.value = '3';
		break;
  }
  }
  </script>

[Fabis94]

Don't tell me no one knows what's wrong. This looks so easy! 8 views for the whole day and no one has bothered to even post.

[premiso]

Don't tell me no one knows what's wrong. This looks so easy! 8 views for the whole day and no one has bothered to even post.

 

Right, and posting that comment really makes me want to help now!

 

If it looks so easy, why can you not do it?

 

For a helping hand since I bothered posting. Where is obj defined? My bet is, that is causing an undefined object error and causing the switch to not run. I would use Firefox for debugging JavaScript as under Tools > Error Console it will show JavaScript errors.

[Fabis94]

I'm sorry just i've been trying to fix this for the whole day and if i don't fix that i'm stuck. Anyways i don't know about the obj because i just followed a tutorial (that was wrong obviously) and i don't understand a thing about this. So it would be better if you could show me how to make it work because i have no idea.

[Fabis94]

Oh my god, come on

[Axeia]

What Premiso said, your attitude is not helping in convincing people to provide you with aid.

 

 

As for why your function isn't working, he's right again. You're trying to access "SelectedIndex" from obj.. but obj isn't declared as a variable anywhere.

 

Try the following instead:

      echo '<form name="myform" action="newpage.php" method="post"><b>Create a new page - Enter its name (without .php):</b> ';
      echo '<input name="phpname2" type="text" size="15" maxlength="10" />';
      echo '<br /><b>Write in the folder where it should be saved*:</b> <input name="folder_location2" type="text" value="/" size="15"><br>';
      echo '<select name="howtowrite" id="howtowrite" onClick="whichTest( this, \'txtArea\' )"><option selected>New</option><option>Quest</option><option>Skill</option></select>';
      echo '<br>*Root of the server is "/" so if you want to save it on a folder called PHP, write "/PHP/".';
      echo ' Always add the end-slash.<br><br><br><br>';
      echo '<center><b>Write in the contents of the file:</b> ';
      echo '<textarea name="page_contents2" cols="60" rows="10" id="txtArea"></textarea>'; //' . $htmlstart . '
      echo '<br><input name="second_method" type="submit" /></center>';

 

  <script language="JavaScript" type="text/javascript">
  function whichTest( select, id ) {
     var textarea = document.getElementById( id );

     switch ( select.value ) {
        case "New":
           textarea.value = '1';
         break;
        case "Quest":
           textarea.value = '2';
         break;
        case "Skill":
          textarea.value = '3';
         break;
     }
  }
  </script>

Changes made are in the parameters given to the function, as well in how the elements are accessed.

The first parameter this is a self reference to the select element.

The second parameter is a string with the ID of the textarea, as you can see I've added id="txtArea" to the textarea.

[Fabis94]

Thank you, very, very much.