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

Тема в разделе "JavaScript", создана пользователем irkmos, 10 апр 2012.

Модераторы: ZiX
  1. irkmos

    irkmos Создатель

    Регистр.:
    7 май 2007
    Сообщения:
    48
    Симпатии:
    4
    Есть такая форма: Каким образом значение из нее можно передать js ?

    HTML:
    
     
     
    <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>
      
    Пробовал вот таким способом, ничего не выходит:
    HTML:
    
    <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>
    
     
  2. recasher2k12

    recasher2k12

    Регистр.:
    19 фев 2012
    Сообщения:
    156
    Симпатии:
    79
    Попробуй
    Код:
    $('#selectId').val();
    Хотя странно, что у тебя возникла такая проблема
    Чтобы получить текст из выделенного option
    Код:
    $("#selectId option[value='2']").text();
     
    latteo нравится это.
  3. irkmos

    irkmos Создатель

    Регистр.:
    7 май 2007
    Сообщения:
    48
    Симпатии:
    4

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

    recasher2k12

    Регистр.:
    19 фев 2012
    Сообщения:
    156
    Симпатии:
    79
    Код:
    $('#selectId').val();
    или, если select не имеет id
    Код:
    $('select')[0].val();
     
  5. shaen

    shaen Постоялец

    Регистр.:
    23 июн 2011
    Сообщения:
    51
    Симпатии:
    9
    Код:
    $('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(); 
     
  6. irkmos

    irkmos Создатель

    Регистр.:
    7 май 2007
    Сообщения:
    48
    Симпатии:
    4
    Попробовал но к сожалению ничего не происходит.
     
  7. shaen

    shaen Постоялец

    Регистр.:
    23 июн 2011
    Сообщения:
    51
    Симпатии:
    9
    Это рабочий код проверил, установите firebug и посмотрите где ошибка
     
  8. shaen

    shaen Постоялец

    Регистр.:
    23 июн 2011
    Сообщения:
    51
    Симпатии:
    9
    HTML:
    <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>
     
  9. recasher2k12

    recasher2k12

    Регистр.:
    19 фев 2012
    Сообщения:
    156
    Симпатии:
    79
    Код:
    <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>
    
     
  10. shaen

    shaen Постоялец

    Регистр.:
    23 июн 2011
    Сообщения:
    51
    Симпатии:
    9
    еще попробуйте jquery использовать более новый:)