Передать данные ajax из формы в data

[ppbinag]

Как поместить в data значение текстового поля col по нажатию sample3, а после обработки поместить переменную обратно в текстовое поле:

<div class="examples">
               <button name="sample1" class="sample1">Минус (-1)</button><br>
               <button name="sample2" class="sample2">Плюс (+1)</button><br>
               <input type="text" class="koment" name="col" value=""><br>
               <button name="sample3" class="sample3">Обработать!</button><br>
               <? $txt = 100;?>
                  <script language="javascript" type="text/javascript">
				  $('.sample1').click( function() {

        $.ajax({
          type: 'POST',
          url: 'skr.php?action=sample1',
          data: 'name=Текст&nickname=Минус (-1)',
          success: function(data){
            $('.results').html(data);
          }
        });

    });
	$('.sample2').click( function() {

        $.ajax({
          type: 'POST',
          url: 'skr.php?action=sample2',
          data: 'name=Текст&nickname=Плюс (+1)',
          success: function(data){
            $('.results').html(data);
          }
        });

    });
    $('.sample3').click( function() {

        $.ajax({
          type: 'POST',
          url: 'skr.php?action=sample3',
          data: 'name=Andrew&nickname=Aramis',
          success: function(data){
            $('.results').html(data);
          }
        });

    });
	</script>
    <div class="results">Ждем ответа</div>
</div>

Обработчик:

<?php
switch ($_REQUEST['action']) {
    case 'sample1':
        echo 'Пример 2 - передача завершилась успешно. Параметры: name = ' . $_POST['name'] . ', nickname= ' . $_POST['nickname'];
        break;
		case 'sample2':
        echo 'Пример 2 - передача завершилась успешно. Параметры: name = ' . $_POST['name'] . ', nickname= ' . $_POST['nickname'];
        break;
		case 'sample3':
        $_POST['col'] = 1000;
        echo 'Пример 2 - передача завершилась успешно. Параметры: name = ' . $_POST['name'] . ', nickname= ' . $_POST['nickname'];
        break;
}
?>

 

[WMix]

для удобства добавь id

<input type="text" class="koment" name="col" value="" id="col">

и обращайся по этому id на клик

var data = $('#col').val()

можно сериализовать всю форму это будет удобнее

var data = $( индификатор формы ).serialize();

 

[ppbinag]

Спасибо получилось!
Еще вопрос как передать значение выбранной радио кнопки:

 <input type='radio' id='answer' name='answer' value='0' checked>0
     <input type='radio' id='answer' name='answer' value='1'>1
      <input type='radio' id='answer' name='answer' value='2'>2<br>
       <input type='hidden' name='text2' id='ids' value='".$row['id']."'>
		<input type='submit' value='Изменить' onclick='Pusk()'><hr>
                 <div id='ajax'> </div>

<script language="javascript" type="text/javascript">
var req = Create();

function ge(id)
{
    return document.getElementById(id);
}

function Create()
{  
    if(navigator.appName == "Microsoft Internet Explorer")
    {  
        req = new ActiveXObject("Microsoft.XMLHTTP");  
    }
    else
    {  
        req = new XMLHttpRequest();  
    }  
return req;  
}  

function Request(query)
{
	var url = "stat_fns.php";
    req.open("post", url , true );
    req.onreadystatechange = Refresh;
    req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
    req.send(query);  
}

function Refresh()
{
    var a = req.readyState;  
  
    if( a == 4 )
    {   
        var b = req.responseText;
        document.getElementById('ajax').innerHTML = b;
    }
    else
    {  
        document.getElementById('ajax').innerHTML = '<br><center>Отправка.........</center>';
		
    }
}
/////Собераем все элементы формы которые будем отправлять
function Pusk()
{  
    var query;
	var txt11 = encodeURIComponent(ge('answer').value);
	var txt22 = encodeURIComponent(ge('ids').value); 
    query = 'answer='+txt11+'&ids='+txt22; 
    Request(query);
}
</script>

 

[ppbinag]

я так понимаю так нельзя делать, присваивать одинаковый id...

 

[WMix]

вопрос хороший, подумаю завтра утром... но так с дуру id нельзя а class можно...
еще есть ":checked" селектор

<input type="radio" class="my-radio" name="col" value="" >
var data = $('.my-radio:checked').val()

я не тестил, если не прокатит попробуй так

 

[ppbinag]

Все получилось!)

var myRadio1 = $('input[name=r]');
var data = myRadio1.filter(':checked').val();
    query = 'ids='+txt22+'&nam='+data;

 

[ppbinag]

Еще вопрос, как можно обновить таблицу или див после выполнения функции Pusk ?

 

[WMix]

oncomplete?