2012-11-21 86 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

相關問題