Как след натискане на submit button да се появява текст в съ

[toigalbg]

Здравейте. Искам да попитам как след като натисна submit button на същата страница да се появява текст. Давам кода, който имам. Може ли да стане когато се избере например 2,3 или 4 да се появява различен текст отдолу под тях?

<SCRIPT TYPE="text/javascript">

</SCRIPT>
<FORM 
     ACTION="../cgi-bin/redirect.pl" 
     METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="/" selected="selected"                     >1
<OPTION VALUE="/"                          >2
<OPTION VALUE="/" >3
<OPTION VALUE="/"                          >4

</SELECT>

<INPUT TYPE=SUBMIT VALUE="Покажи">
</FORM>

 

[benjikt]

Погледни това, доста лесно за разбиране и използване
http://api.jquery.com/show/

 

[benjikt]

Или това
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_click

 

[toigalbg]

Мерси, но имам нов въпрос. Използвах помощта и се опитах да съчетая 2те. Ето го резултата, но:

<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button>1</button>

      <p style="display: none">1</p>
<script>
   $(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});
    </script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button>2</button>

      <p style="display: none">2</p>
<script>
   $(document).ready(function(){
  $("button").click(function(){
   
  });
});
    </script>

Понеже трябва да са 1 до друг, а не един под друг, когато са неактивни са окей, но като натисна един от двата бутона и двата, както и текста към тях слизат 1 под друг. Как да го направя така, че да останат 1 до друг и когато се натисне първия да речем, да се показва само текста към него, а не и другия. Мерси.