Вставка значения из строки таблицы в формах ввода

<tr class="entries"> 
     <td class="lalign"><?php echo($place); ?></td> 
     <td><?php echo($title); ?></td> 
     <td><?php echo($genre); ?></td> 
     <td><?php echo($year); ?></td> 
     <td><?php echo($director); ?></td> 
     <td class="hiddenInfo"><?php echo($actors); ?></td> 
     <td class="hiddenInfo"><?php echo($format); ?></td> 
     <td class="hiddenInfo"><?php echo($id); ?></td> 
     <td><?php if(empty($link)==false){?><a href="<?php echo($link); ?>" target="_blank"><p>IMDB</p></a><?php } else {?> <p>N/A</p><?php }?></td> 
</tr> 

<div id="movieUpdate"> 

<h3>UPDATE MOVIE</h3> 

    <form action="index.php" method="POST"> 

    <div class="formRow"> 
     <input class="searchField" type="text" name="id" placeholder="ID"/> 
    </div> 
    <div class="formRow"> 
     <input class="searchField" type="text" name="place" placeholder="Placering"/> 
    </div> 
    <div class="formRow"> 
     <input class="searchField" type="text" name="title" placeholder="Titel"/> 
    </div> 

    <div class="formRow"> 
     <input class="searchField" type="text" name="director" placeholder="Regissör"/> 
    </div> 

    <div class="formRow"> 
     <input class="searchField" type="text" name="actors" placeholder="Skådisar"/> 
    </div> 

    <div class="formRow"> 
     <input class="searchField" type="text" name="genre" placeholder="Genre"/> 
    </div> 

    <div class="formRow"> 
     <input class="searchField" type="number" name="year" placeholder="År"/> 
    </div> 

    <div class="formRow"> 
     <input class="searchField" type="text" name="format" placeholder="Format"/> 
    </div> 
    <div class="formRow"> 

     <input class="searchField" type="text" name="link" placeholder="Länk"/> 
    </div> 

    <input id="submitButton" type="submit" value="Submit" /> 

</form>

Вставка значения из строки таблицы в формах ввода

Если я хочу, чтобы щелкая тр заполнить поля формы внутри #movieUpdate. Как мне это сделать? Я попытался переосмыслить код из этого вопроса (Fill inputs by clicking on div - jQuery), но не повезло.

источник

2015-12-14 Sans

Вы хотите сделать это в JavaScript? Я спрашиваю, потому что в вашем вопросе нет JS. – MattSizzle

Возможный дубликат [jQuery: Вставить текст в текстовое поле] (http://stackoverflow.com/questions/1882890/jquery-insert-text-to-textarea) – zod

@zod, рядом с дубликатом [этого] (http: //stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery), но не напрямую. Пользователь, который разместил вопрос, должен будет включить код JavaScript, который они пытались использовать, чтобы получить помощь по этому вопросу (который будет отвечать требованиям качества вопроса после) – MattSizzle

Это точно решение другого вопроса, который вы упомянули. Ваша проблема в том, что вам нужно настроить 3 селектора в соответствии с вашим кодом.

$('tr'), чтобы соответствовать каждой строке
$(this).find('td'), чтобы соответствовать каждой ячейке в щелкнул строки
$('input:not([type="submit"])'), чтобы соответствовать каждому входу (подать не) в виде

Что-то вроде этого нужно сделать трюк:

$(function() { 
    $('tr').click(function() { 
     var data = $(this).find('td').map(function() { 
      return this.innerHTML; 
      // or return $(this).text(); 
     }).get(); 

     $('input:not([type="submit"])').each(function (i) { 
      this.value = data[i]; 
      // or $(this).val(data[i]); 
     }); 
    }); 
});

Будьте осторожны, поля ввода i n ваша форма должна иметь точно такой же заказ и номер как в каждом tr.

источник

2015-12-15 16:46:14 Skwal

Вставка значения из строки таблицы в формах ввода

ответ

Смежные вопросы