Въпрос за 1 Java Script

[KR373N]

здравейте искам да направа когато се избере някое поле от

<slect name='t'>
<option value='1'>asdas</option>
<option value='2'>asdas</option>
<option value='3'>asdas</option>
<option value='4'>asdas</option>
</select>

да презарежда автоматично и да излиза от доло информацията която е избрана от полето ето го и самия JS


[js]
<script>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("div").text(str);
})
.change();
</script>
[/js]
но когато го сложа на всякъде ми показва първото избрано което е и бъгва всичко в сайта някой да хвърли 1 рамо на сам ще съм много благодарен

 

[kriss]

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(function(){
          $("select").change(function () {
                $("div").html("text: "+$(this).find("option:selected").html()+"; value: "+$(this).find("option:selected").val());
          }).change();
          
});
</script>
<select name='t'>
<option value='1'>asasd</option>
<option value='2'>asdgfsas</option>
<option value='3'>asdabds</option>
<option value='4'>asda34t6s</option>
</select>
<div>null</div>

 

[KR373N]

не се получи и така :?

 

[kriss]

не се получи и така :?

Е този код работи, кажи какво не става, дай още малко код..

 

[gLaVoReZa]

<html>
<head>
<title>title</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#CoolSelect").change(function () {
var selectedbaba = $("select option:selected").val();
$("#Result").text(selectedbaba);
});
});
</script>
</head>
<body>
<form>
<select id="CoolSelect" name="dadada">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
</form>
<div id="Result"></div>
</body>
</html>

 

[M1tq96]

пробвай и така ...

<html>
<head>
<title>title</title>
<script type=\"text/javascript\" src=\"http://code.jquery.com/jquery-1.7.1.min.js\"></script>
<script type=\"text/javascript\">
function changeIt(what)
{
var selectedbaba = $(\"select option:selected\").val();
$(\"#Result\").html(selectedbaba);

}
</script>
</head>
<body>
<form>
<select id=\"CoolSelect\" name=\"dadada\" onchange=\"changeIt(\'CoolSelect\')\">
<option value=\"1\">One</option>
<option value=\"2\">Two</option>
<option value=\"3\">Three</option>
</select>
</form>
<div id=\"Result\"></div>
</body>
</html>