使用选择值和表单数据提交表单

诗乃

我是新来的,正在尝试提交一个具有下拉列表和2个文本字段的基本表单。列表值是需要提交数据的烧瓶路径的路径。

根据用户从列表中选择的项目,我想将包含数据的表单提交到该url,例如,如果用户选择“ a”,那么我想将表单提交到http:// url / url1。如何才能做到这一点?

  <form action="" class="form1" method="get">    
    <select class="form-control" id="function" name="cars">
          <option value="/url1">a</option>
          <option value="/url2">b</option>
          <option value="/url3">c</option>
        </select>
      <input class="form-control" type="number" name="number1" value="">
      <input class="form-control" type="number" name="number2" value="">
      <input class="form-control" type="submit">
  </form>

我在服务器上有python flask代码:

@app.route("/url1")
def url1():
  num1=request.args.get('number1',default=-1,type=int)
  num2=request.args.get('number2',default=-1,type=int)
  evaluate the numbers and return render_template()

@app.route("/url2")
def url2():
  num1=request.args.get('number1',default=-1,type=int)
  num2=request.args.get('number2',default=-1,type=int)
  evaluate the numbers and return render_template()
萨菲古尔伊斯兰教

如果我了解您的问题,可以通过jquery解决

代码样本

$("#function").change(function() {
  var action = $(this).val();
  $("#form1").attr("action",action);
});

要么

您可以为表单设置默认操作,然后根据所选值在路由中执行

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

表单提交后的表单数据和图像预览

来自分类Dev

表单提交后的表单数据和图像预览

来自分类Dev

PHP表单提交和表单数据验证

来自分类Dev

如何提交表单数据

来自分类Dev

amp表单未提交表单数据

来自分类Dev

jQuery表单提交丢失的表单数据

来自分类Dev

同时提交 html 表单数据和 iframe 输入

来自分类Dev

Dropzone:同时提交表单数据和 dropzone

来自分类Dev

如何使用Zurb Foundation提交表单数据

来自分类Dev

使用本机iOS视图提交Google表单数据

来自分类Dev

使用机械化提交表单数据

来自分类Dev

使用Ajax提交表单数据时出现问题

来自分类Dev

无需提交的POST表单数据

来自分类Dev

在div中显示提交的表单数据

来自分类Dev

从foreach循环提交表单数据

来自分类Dev

提交表单数据为JSON

来自分类Dev

JSON表单数据作为动态提交

来自分类Dev

提交按钮不传递表单数据

来自分类Dev

不使用表单发送表单数据

来自分类Dev

Angular-使用更新的表单值在表单上发送表单数据

来自分类Dev

重定向到表单提交页面并在新页面中使用表单数据

来自分类Dev

如何在不使用jQuery提交表单的情况下发布表单数据?

来自分类Dev

使用 JavaScript 提交表单数据,HTTP 请求与 ajax 表单序列化相同

来自分类Dev

基于表单数据提交表单的条件确认框

来自分类Dev

使用Alamofire和多部分/表单数据

来自分类Dev

如何使用React Native和Axios发送表单数据?

来自分类Dev

单击Enter并单击“提交”按钮即可提交表单数据

来自分类Dev

单击Enter并单击“提交”按钮即可提交表单数据

来自分类Dev

Ajax获取表单数据和URL