2012-11-21 64 views
1

我想将日期和时间选择器中的值作为参数传递给URL。这是我的:如何将javascript textBox值传递给URL作为参数

<div style="text-align:left; margin:8px 5px auto;"> 
     <label for="dt_id">Please enter a date and time </label> 
     <input type="Text" id="dt_id" maxlength="25" size="25"/> 
     <img src="../../js/datetimepicker/images2/cal.gif" onclick="javascript:NewCssCal('dt_id','yyyyMMdd','arrow','true','24')" style="cursor:pointer"/> 
     <input type='button' onclick='setURL()' value='SUBMIT'> 
</div> 

<script> 
var dt_value = document.getElementById("dt_id").value; 
var sjdurl = "/path/script?datetime="+dt_value; 
</script> 

但是,URL不包括日期值。

+0

你的JS代码应该是内部setURL()函数.. – Pranav

+0

我会检查与警报(dt_value)或执行console.log (dt_value)来查看你是否在首先获取该值,然后从那里开始。 – 2012-11-21 13:45:14

+0

此外,网址中是否显示任何内容或没有内容?您可能需要使用encodeURI和decodeURI [https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/encodeURI] – 2012-11-21 13:47:02

回答

3

我试图重现的场景,它完全为我工作: -

<html> 
<head> 
<script> 
    function setURL(){ 
    var dt_value = document.getElementById("dt_id").value; 
    //just test here ..what is coming.. 
    alert(dt_value); 
    var sjdurl = "www.google.com?datetime="+dt_value; 

popup = window.open(sjdurl,"popup"," menubar =0,toolbar =0,location=0, height=900, width=1000"); 
popup.window.moveTo(950,150); 

    } 
</script> 
</head> 
<body> 
<div style="text-align:left; margin:8px 5px auto;"> 
     <label for="dt_id">Please enter a date and time </label> 
     <input type="Text" id="dt_id" maxlength="25" size="25"/> 
     <input type='button' onclick='setURL()' value='SUBMIT'> 
</div> 

</body> 
</html> 
+0

哎呀我忘了提及:我在弹出函数中使用url: popup = window.open(sjdurl,“popup”,“menubar = 0,toolbar = 0,location = 0,height = 900,width = 1000”);我也使用alert(dt_value)来检查并且值是正确的! – HMadhi

+0

可以向我展示弹出式窗口打开函数代码。 – Pranav

+0

sjd.node.onclick = function(){ popup = window.open(sjdurl,“popup”,“menubar = 0,toolbar = 0,location = 0,高度= 900,宽度= 1000“); popup.window.moveTo(950,150); if(window.focus){popup.focus}; }; – HMadhi

相关问题