Javascript 访问html输入标记并传递到模板url_

我想将html输入标记（在本例中为taskname_in）的值作为参数传递给url_

<div class="form-group">
  <label for="taskname_l">Task Name:</label>
  <input type="text" class="form-control" id="taskname_in" name="taskname_in" required style="width: 500px;">
</div>

<div>
 <li><a href="{{ url_for('modal_add_depend',task_name=taskname_in???) }}" id="depend_pop1">Click to add</a></li>                             
</div>

任务名称：

这不可能是您想要的方式

---

flask/jinja2模板在页面到达用户之前在服务器上呈现，但输入值只有在用户输入时才可访问。您需要使用一些AJAX或Javascript逻辑。

您在这里混淆了客户端和服务器端的执行。Jinja2在服务器上执行，生成HTML（和其他格式），然后加载到客户端（浏览器）。表单由浏览器解释，输入字段中的值对模板代码不可见。

modal\u add\u dependent

的路由定义是什么样的？它是否有一个

task\u name

path变量，或者

task\u name

是一个查询参数（

..？task\u name=

）？最后但并非最不重要的一点是，如果名称像

modal\u add\u dependent

，您是否希望URL在浏览器窗口中提供一个模式对话框？然后，您必须使用AJAX加载模式对话框内容。