Значение радио формы HTML в AJAX-загруженном div

Question

Я не могу получить значение радио в форме, загруженной AJAX в div.Вот код JavaScript, который я использую: (радио-имя 'categoryorie_add' в функции get):

function getCheckedValue(radioObj) {
if(!radioObj)
    return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
    if(radioObj.checked)
        return radioObj.value;
    else
        return "";
for(var i = 0; i < radioLength; i++) {
    if(radioObj[i].checked) {
        return radioObj[i].value;
    }
}
return "";

}

function get(obj) {
    var poststr ="cat_title=" + escape(encodeURI(document.getElementById("cat_title").value )) +
                 "&cat_description=" + escape(encodeURI( document.getElementById("cat_description").value ))+
                 "&cat_id=" + escape(encodeURI( getCheckedValue(document.categorie_add.cat_id) ));
    makePOSTRequest('categorie.php', poststr);
}

, и у меня это в файле PHP:

            echo '<li><input type="radio" name="cat_id" id="cat_id" value="' . $value['cat_id'] . '" /> ' . htmlentities($value['cat_title']) . '<br />';

Answer 1

Возможно, вам понадобится прочитать этот урок:

http://www.w3schools.com/jsref/prop_radio_checked.asp
http://www.w3schools.com/html/html_forms.asp
http://www.w3schools.com/htmldom/dom_methods.asp

Answer 2

Полагаю, проблема в том, как вы ловите радиообъект в DOM ....

Пожалуйста, напишите также код для вызова функции getCheckedValue.

Попробуй Jquery способом ...

$('#cat_id:checked').val();

Jquery is Rock.

Функция JavaScript:

function getCheckedValue(radioObj) {
  for ( var i in radioObj )if (radioObj[i].checked) return radioObj[i].value;
  return false;
}

Answer 3

Предполагая, что вы хотите не использовать jQuery, измените код на следующий:

function getCheckedValue(radioObjArr) {
  if(!radioObjArr)
    return "";
  for (var ii = 0; ii < radioObjArr.length; i++) {
    if (radioObjArr[ii].checked) {
      return radioObjArr[ii].value;
    }
  }
  return "";
}

И

function get(obj) {
  var poststr ="cat_title=" + escape(encodeURI(document.getElementById("cat_title").value )) +
             "&cat_description=" + escape(encodeURI( document.getElementById("cat_description").value ))+
             "&cat_id=" + escape(encodeURI( getCheckedValue(document.getElementsByName("cat_id")) ));
  makePOSTRequest('categorie.php', poststr);
}

Ваш текущий код неясен, хотя. Вы используете ID ("cat_id") для своей радиокнопки, но ваша функция getCheckedValue также поддерживает получение массива объектов. Идентификатор должен быть уникальным. Я немного изменил ваш код, так что вы всегда будете использовать массив объектов, даже если он имеет только один элемент.

Answer 4

В дополнение к тому, что говорит marvinlabs, попробуйте использовать инструменты разработки Chrome, чтобы увидеть, что происходит с кодом, возвращаемым ajax. Вы увидите, что такое ajax responseText, а также содержимое заголовков, отправленных на сервер. Это также включает поле и его значение.

Answer 5

Я бы сказал, что проблема в том, как вы генерируете свои радио-кнопки:

echo '<li><input type="radio" name="cat_id_' . $value['cat_id'] 
   . '" id="cat_id_' . $value['cat_id'] 
   . '" value="' . $value['cat_id'] . '" /> ' 
   . htmlentities($value['cat_title']) . '<br />';

Постарайтесь, чтобы jQuery сделал вашу жизнь проще. Вы можете получить свои значения так:

$('#cat_ul input[type=radio]:checked').val();

(при условии, что ваши теги

заключены в тег