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]);
        });
    });
});