如何从html中的表中选择行中的特定值

debugcn 发表于 Dev

用户名

它是这样的，我单击第一个按钮，我可以在文本字段中获得一月月份的保存信息。大家好，我打算按如下所示创建表，它在选中该复选框时，在每一行的第一列中都包含一个复选框我必须通过单击提交按钮将路径属性发送到“下一个” URL，我该怎么做？

    <form action="/next" method="post">
    <table cellspacing="25" align ="center">
    <tr>
    <td> </td>
    <td></td>
    <td>Name</td>
        <td>Path</td>
        <td>Date</td>
    </tr>
      {% for obj in obj_list %}
     <td><input type="checkbox" name="insta" value="">
     <td>{{ obj._id }}</td>
     <td>{{ obj.name }}</td>
             <td><input type="text" name="path" value="{{ obj._path }}" disabled="disabled" ></td>
     <td>{{ obj.date }}</td>
        {% end %}
    </table>
   </div>
   <div id="send">
   <input type="submit"  value="Send">
  </div>
   </form>

尼山塞内维尔那

添加JQuery（如果未添加），然后尝试执行此操作，添加此js函数

function changeUrl(clickedChk)
     {
        if( $(clickedChk).is(":checked") )
        {
            var path = $($(clickedChk).closest("tr").find("input[type=text]")[0]).val();
            $("#myform").prop("action",path);
        }
     }

如下更改您的html一点

    <form id="myform" action="/next" method="post">
    <table cellspacing="25" align ="center">
    <tr>
    <td> </td>
    <td>Id</td>
    <td>Name</td>
        <td>Path</td>
        <td>Date</td>
    </tr>

      {% for obj in obj_list %}
     <tr>
         <td><input onclick="changeUrl(this)" type="checkbox" name="insta" value="">
         <td>{{ obj._id }}</td>
         <td>{{ obj.name }}</td>
                 <td><input type="text" name="path" ></td>
         <td>{{ obj.date }}</td>
     </tr>
        {% end %}
    </table>
   </div>
   <div id="send">
   <input type="submit"  value="Start">
  </div>
</form>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。