根据选择的菜单和按钮构建网址

时间:2017-03-09 17:01:42

标签: javascript html

我创建了一个查询并生成了值的下拉列表。我想创建多个按钮,从下拉列表中读取所选值,并将其用于在URL中进行路由。

<select name="Item_1" id="ddval">
    {% for row in season %}
    <option value="{{ row[1] }} {{ row[0] }}">{{ row[1] }} {{ row[0] }}</option>
    {% endfor %}           
</select>

我希望每个按钮读取下拉列表的内容,然后执行脚本从所选的选项值中获取特定值

按钮1执行脚本1

/script1/row[1]/row[0]

按钮2执行脚本2

/script2/row[1]/row[0]

1 个答案:

答案 0 :(得分:0)

我建议使用javascript(jquery)执行此任务 首先,您获得所选选项的值

var val = $('#ddval:selected').val();

然后你要拆分行

var rows = val.split(" ");

然后执行你的应用程序,为此你需要听按钮点击事件。

$("#button1").click(function(){
  location.replace("/script1/" + rows[0] + "/" + rows[1] );
  // you can do ajax , $.get .....
});


$("#button1").click(function(){
   location.replace("/script1/" + rows[0] + "/" + rows[1] );
   // you can do ajax , $.get .....
});