Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.11.2011, 17:18
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Как создать нужное количество тегов таблицы
Смысл такой, делаю запрос в базу обратно получаю массив
из массива выбираю три поля fam name otch

и добавляю их у уже созданную таблицу...

вот пример

<table width="100" border="0" cellspacing="10" cellpadding="10">
  <tr>
    <th scope="col" id="fam0">&nbsp;</th>
    <th scope="col" id="name0">&nbsp;</th>
       <th scope="col" id="otch0">&nbsp;</th>
  </tr>
  <tr>
    <td  id="fam1">&nbsp;</td>
    <td id="name1">&nbsp;</td>
    <td id="otch1">&nbsp;</td>
  </tr>
</table>

<script>
function clk (event) {
  var x = event.target.value;
  alert(x);
}

function clk(obj) {
  





	  var x = event.target.value;

	
	
$.ajax({
	type: "POST",
	url: "http://localhost/football/poisk.php",
	data: ({x:x}),
	dataType: 'json',
	beforesend: alert("Отправляемые данные a=" +x),
	
success: function(data){
   

   
 
           
			$.each(data, function(index,a){
    // index -> eaeie ii n?aoo iauaeo a data, a -> data[ index ]
    for(var i in a ) {
        // i -> Id_p, a[ p ] -> qwerty

		if(i === "name"){
		$("#name" + index).empty(a[i]);	 
			$("#name" + index).append(a[i]);
			
			
	 };// cae?uoea if
	 		if(i === "fam"){
		$("#fam" + index).empty(a[i]);	 
			$("#fam" + index).append(a[i]);
			
			
	 };// cae?uoea if
	 
	 		if(i === "otch"){
		$("#otch" + index).empty(a[i]);	 
			$("#otch" + index).append(a[i]);
			
			
	 };// cae?uoea if
			
			
	

	 
}; // cae?uoea for

         //  alert("Iiia? : "+ index+"\n\n ?cue : "+ a[i]);		 
}); // cae?uoea $.each(data, function(index,a){   

           
			
}, // cae?uoea success: function(data){
   
 
});
};
  

</script>

Как мне создать столько строк таблицы сколько у меня будет index,

Последний раз редактировалось Sadist_dead, 26.11.2011 в 17:45.
Ответить с цитированием
  #2 (permalink)  
Старый 26.11.2011, 17:50
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Сообщение от nasqad Посмотреть сообщение
ваш код не красивый, непонятно что вы хотите, напишите в картинках
function clk(obj) {
    var x = event.target.value;
    $.ajax({
        type: "POST",
        url: "http://localhost/football/poisk.php",
        data: ({
            x: x
        }),
        dataType: 'json',
        beforesend: alert("Отправляемые данные a=" + x),
        success: function(data) {
            $.each(data, function(index, a) {
                for (var i in a) {
                    if (i === "name") {
                        $("#name" + index).empty(a[i]);
                        $("#name" + index).append(a[i])
                    };
                    if (i === "fam") {
                        $("#fam" + index).empty(a[i]);
                        $("#fam" + index).append(a[i])
                    };
                    if (i === "otch") {
                        $("#otch" + index).empty(a[i]);
                        $("#otch" + index).append(a[i])
                    }
                }
            })
        },
    })
};
Отправляю значение первой радио группы
var x = event.target.value;

далее получаю массив из которого нахожу нужные поля
fam name otch
и присваиваю индекс
первая фамилия в массиве имеет индекс 0 вторая 1 и т д
fam0 fam1 итд
далее я помещаю все это в ячейки таблицы которые уже созданны

<table width="100" border="0" cellspacing="10" cellpadding="10">
  <tr>
    <th scope="col" id="fam0">&nbsp;</th>
    <th scope="col" id="name0">&nbsp;</th>
       <th scope="col" id="otch0">&nbsp;</th>
  </tr>
  <tr>
    <td  id="fam1">&nbsp;</td>
    <td id="name1">&nbsp;</td>
    <td id="otch1">&nbsp;</td>
  </tr>
</table>

а я хочу чтобы таблица создавалась сама с таким количеством строк
сколько у меня фамилий(индексов)
Ответить с цитированием
  #3 (permalink)  
Старый 27.11.2011, 12:21
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
var a=[
	{'fam': 'Иванов', 'name': 'Иван', 'otch': 'Иванович'},
	{'fam': 'Петров', 'name': 'Пётр', 'otch': 'Петрович'}
];
$(document).ready(function(){
	$("button").click(function() {
		var i;
		var str;
		for (i=0; i<a.length; i++) {
			str='<tr>';
			str+='<td>';
			str+=a[i].fam
			str+='</td>';
			str+='<td>';
			str+=a[i].name
			str+='</td>';
			str+='<td>';
			str+=a[i].otch
			str+='</td>';
			str+='</tr>';
			$('#data').append(str);
		};
	});
});
</script>
</head>
<body>
<table width="100" border="1" cellspacing="10" cellpadding="10">
	<thead>
		<tr>
			<th scope="col" id="fam0">&nbsp;</th>
			<th scope="col" id="name0">&nbsp;</th>
			<th scope="col" id="otch0">&nbsp;</th>
		</tr>
	</thead>
	<tbody id='data'>
		<tr>
			<td  id="fam1">&nbsp;</td>
			<td id="name1">&nbsp;</td>
			<td id="otch1">&nbsp;</td>
		</tr>
	</tbody>
</table>
<button>Add</button>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите код как создать эффект... lopraeph Элементы интерфейса 1 09.06.2011 20:18
Как создать проверку вводимого пароля на стойкость, используя API Google. Александр Черепов Элементы интерфейса 4 03.11.2008 02:16
Как создать строку JSON с переменными? Артем AJAX и COMET 4 01.11.2008 12:12
Как создать событие? remitmaster Общие вопросы Javascript 9 26.07.2008 18:31
как создать елемент с вложеными елементами scuter Events/DOM/Window 11 14.05.2008 16:15