更改url基于下拉选择&文本框值
Change url based on drop down selection & text box value
我有一个非常简单的表单。我正在尝试根据所选的下拉值和文本框中输入的值重定向页面。
我的表单是这样的:http://devilscircuit.com/new/test.html
它只有一个选择框,一个文本框&提交按钮。我试图重定向页面一旦用户点击提交按钮。
我不是很精通JavaScript。
有人能帮我一下吗?我当前的JavaScript看起来像这样:
<script>
function setURL(){
var dt_value = document.getElementById("dt_id").value;
var dt_value2 = document.getElementById("dt_id2").value;
var sjdurl = "http://parshwatax.com/devilscircuit2/+dt_value2/index.php?
controller=search&search_query="+dt_value;
window.location.href=(sjdurl);
}
</script>
<h4 class="title2">Search Your Picture</h4>
<label>Please Select an Event </label>
<select style="width:205px; margin-left:68px;" id="dt_id2">
<option value="shop1">GURGAON'14</option>
<option value="shop2">NOIDA'13</option>
<option value="shop3">LUDHIANA'12</option>
</select> </br>
<label for="dt_id">Please enter your BIB number </label>
<input type="Text" id="dt_id" maxlength="25" size="23" style="margin: 5px 21px;"/> </br>
<input type='button' onclick='setURL()' value='SUBMIT' style="margin: 10px 208px;">
请帮我修复重定向。
你有几个问题。一个是"sjdurl"连接有语法错误。应该是
var sjdurl = "http://parshwatax.com/devilscircuit2/"+dt_value2+"/index.php?
controller=search&search_query="+dt_value;
另一个问题是你检索你的"dt_id2"选择字段的选择值不正确。它应该是这样的:
var dt_select = document.getElementById("dt_id2");
var dt_value2 = dt_select.options[dt_select.selectedIndex].value;
相关文章:
- 或者在表单上选择默认选项文本(选择1)
- Javascript:包括特殊字符的文本选择
- 大写--文本区域中的文本选择
- 点击
- 项目时的文本选择
- 通过 javascript 在每次点击时动态禁用文本选择
- 文本框的 CSS 文本选择覆盖
- 单击“img”源时,文本选择未清除
- 链接内的内容可编辑块,如何防止重定向,但让文本选择插入符号位置更改
- 当我单击画布并拖动鼠标时,光标将变为文本选择光标.我该如何防止这种情况发生
- 重新启用文本选择(Opera、webkit等)
- 绝对元素后面的元素上的文本选择
- 禁用JavaScript中的文本选择器
- 从网站中删除文本选择限制的脚本
- Javascript/jQuery Load 函数,文本选择
- HTML 浏览器的“文本”选择:选择整个单词(如在 iBooks 中)
- 锁定页面文本选择
- 如何删除文本选择中的子元素
- 如何将选定的“文本”选择框发送到按钮上的函数,以便使用角度进行 ng 单击
- 锤击.JS桌面文本选择和滑动冲突
- j查询启用/禁用文本选择错误