Получить значения option value из формы

[irkmos]

Есть такая форма: Каким образом значение из нее можно передать js ?

<form action="" method="post">
 
 
<select style="width:100%;font: 11px Tahoma,Arial, Verdana, sans-serif;color:#8b8b8b;" onChange="getList()">
 
<option selected="selected" value="">Без разницы</option>
<option value="1">один</option>
<option value="2">два</option>
<option value="3">три</option>
<option value="4">четыре</option>
<option value="5">пять</option>
</select>
 
</form>

Пробовал вот таким способом, ничего не выходит:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
................
<script type="text/javascript">
function getList(a)
  {
    $('#catmaincontent').html('<br><br><br><p align=center><img src="img/preloader.gif" border=0></p><br><br><br>');
    $.ajax({
        url:'search.php',
        data:{'chislo':a},
        cache: false,
        success: function(html){
            $('#catmaincontent').html(html);
        }
    });
 
    return false;
  }
</script>

 

[recasher2k12]

Попробуй

$('#selectId').val();

Хотя странно, что у тебя возникла такая проблема
Чтобы получить текст из выделенного option

$("#selectId option[value='2']").text();

 

[irkmos]

Попробуй

$('#selectId').val();

Хотя странно, что у тебя возникла такая проблема
Чтобы получить текст из выделенного option

$("#selectId[value='2']").text();

Мне не текст получить надо, а передать значение value в js

 

[recasher2k12]

Мне не текст получить надо, а передать значение value в js

$('#selectId').val();

или, если select не имеет id

$('select')[0].val();

 

[shaen]

$('select[name="element"]').live('change', function()
{
    var options = {
        beforeSend: function()
        {
            document.body.style.cursor = 'wait';
        },
       
        url      : '/demo.php?' + $(this).val(), // Добавляем value из select [name = element]
        type    : "GET",
        dataType : "text",
       
        complete: function()
        {
            document.body.style.cursor = 'default';
        },
       
        success: function(responseText, statusText)
        {
        }
    };
   
    $.ajax(options);
   
}).filter(':selected').change();

 

[irkmos]

Попробовал но к сожалению ничего не происходит.

 

[shaen]

Попробовал но к сожалению ничего не происходит.

Это рабочий код проверил, установите firebug и посмотрите где ошибка

 

[shaen]

<select name="element">
 
<option selected="selected" value="">Без разницы</option>
<option value="1">один</option>
<option value="2">два</option>
<option value="3">три</option>
<option value="4">четыре</option>
<option value="5">пять</option>
</select>
 
<script charset="utf-8" type="text/javascript">
$('select[name="element"]').live('change', function()
{
    var options = {
        beforeSend: function()
        {
            document.body.style.cursor = 'wait';
        },
       
        url      : 'demo.php?' + $(this).val(), // Добавляем value из select [name = element]
        type    : "GET",
        dataType : "text",
       
        complete: function()
        {
            document.body.style.cursor = 'default';
        },
       
        success: function(responseText, statusText)
        {
         //Какое то действие
        }
    };
   
    $.ajax(options);
   
}).filter(':selected').change();
</script>

 

[recasher2k12]

<style>
#my-select {
width:100%;font: 11px Tahoma,Arial, Verdana, sans-serif;color:#8b8b8b;
}
</style>
 
<select id="my-select">
<option selected="selected" value="">Без разницы</option>
<option value="1">один</option>
<option value="2">два</option>
<option value="3">три</option>
<option value="4">четыре</option>
<option value="5">пять</option>
</select>
 
<script type="text/javascript">
 
(function(){
 
mySelectChange = function() {
 
$('#catmaincontent').html('<br><br><br><p align=center><img src="img/preloader.gif" border=0></p><br><br><br>');
 
$.ajax({
url:'search.php',
data: {
'chislo': $('#my-select').val()
},
cache: false,
success: function(html){
$('#catmaincontent').html(html);
}
});
}
 
$(document).ready(function() {
$('#my-select').change(mySelectChange);
})
})();
</script>

 

[shaen]

еще попробуйте jquery использовать более новый