根据下拉选项更改网址&文本框值

时间:2014-08-09 06:24:46

标签: javascript html forms

我有一个非常简单的表格。我正在尝试根据所选的下拉值和在文本框中输入的值重定向页面。

我的表单如下: 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>

HTML在下面:

<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;"> 

请帮我修复重定向。提前谢谢。

1 个答案:

答案 0 :(得分:0)

你有几个问题。一个是你的&#34; sjdurl&#34;连接有语法错误。应该是

var sjdurl =  "http://parshwatax.com/devilscircuit2/"+dt_value2+"/index.php?     
controller=search&search_query="+dt_value;

另一个问题是您检索&#34; dt_id2&#34;的选定值。选择字段不正确。应该是这样的:

var dt_select = document.getElementById("dt_id2");
var dt_value2 = dt_select.options[dt_select.selectedIndex].value;