Javascript 将表行中的值插入表单输入
不适用 更新电影Javascript 将表行中的值插入表单输入,javascript,php,html,Javascript,Php,Html,不适用 更新电影 如果我想点击tr,请填写#movieUpdate内表单的字段。我该怎么做呢?我已经尝试重新设计这个问题()的代码,但没有成功 这正是你提到的另一个问题的解决方案。您的问题是需要调整3个选择器以匹配代码 $('tr')以匹配每一行 $(this)。查找('td')以匹配单击行中的每个单元格 $('input:not([type=“submit”]))以匹配表单中的每个(未提交)输入 像这样的事情应该可以做到: <tr class="entries">
如果我想点击tr,请填写#movieUpdate内表单的字段。我该怎么做呢?我已经尝试重新设计这个问题()的代码,但没有成功 这正是你提到的另一个问题的解决方案。您的问题是需要调整3个选择器以匹配代码
以匹配每一行$('tr')
以匹配单击行中的每个单元格$(this)。查找('td')
以匹配表单中的每个(未提交)输入$('input:not([type=“submit”]))
<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>
请注意,表单中的输入字段的顺序和编号应与每个
tr
中的输入字段的顺序和编号完全相同,您希望在JavaScript中执行此操作吗?我这样问是因为你的问题中没有发布JS。可能是@zod的副本,接近于的副本,但不是直接的。发布问题的用户需要包含他们尝试使用的JavaScript代码,以便获得有关此问题的帮助(这将在发布后满足质量问题要求)
$(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]);
});
});
});