在URL末尾添加文本輸入

Question

我有一個簡單的HTML頁面，其中包含一個文本字段，一個按鈕和一個div。 我想讓用戶在該字段中輸入股票代碼。 當他們按下“提交”按鈕時，圖形圖像將顯示在div中。

這些圖已經存在@http：//ichart.finance.yahoo.com/w？s =

要獲得特定符號的圖形，我需要添加符號，“＆”和一個較大的隨機數。 這是一個有效的例子

http://ichart.finance.yahoo.com/w?s=YHOO&1234567890

我無法將符號，＆和隨機數附加到URL的末尾。 我也不確定我是否正確使用表格。

這是代碼：

    function changeChart() {
    var rand_no = Math.random();
    rand_no = rand_no * 100000000;
    var sym = document.myform.symbol.value;
    document.getElementById('divService').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="http://ichart.finance.yahoo.com/w?s="' + sym + '"&"' + rand_no + '"><\/object>';
}

<form name = "myform">
<p>
  Enter stock symbol
  <input id="Text1" type="text" name="symbol"/>
  <input type="button" value="Go" name="Submit" onclick="changeChart(this); return false;"/>
</p>

<div id="divService">
  <object id="foo" name="foo" type="text/html" data="http://www.aol.com/"></object>
</div>

這是完整的代碼，CSS不會在此處正確顯示。 https://docs.google.com/document/d/1pq39BKxWRqDS162jWss7-fvTbr0r28wq4VFiedh8SCY/edit?hl=zh-CN

Answer 1

我在幾分鍾前檢查了一下，似乎不需要&1234567890的URL部分，因此我將更改代碼以獲取此信息：

function changeChart() {
  var sym = document.forms[0].elements['symbol'].value;
  var divContent = '<'+'object id="foo" name="foo" type="text/html" data="http://ichart.finance.yahoo.com/w?s=' + sym +'"/>';
  document.getElementById('divService').innerHTML = divContent;
}

鑒於沒有必要使用隨機數，因此在HTML代碼中：

<form name = "myform">
<p>
  Enter stock symbol
  <input id="symbol" type="text" name="symbol"/>
  <input type="button" value="Go" name="Submit" onclick="changeChart(); return false;"/>
</p>

<div id="divService">
  <object id="foo" name="foo" type="text/html" data="http://www.example.com/"></object>
    </div>
</form>

請注意，現在id與文本輸入的name具有相同的值，並刪除了this參數用於函數調用。 我希望這可以幫助你。 （ 更新 ：在jsFiddle上測試正常， 這是結果 ）

Answer 2

當您使用Math.random生成隨機數時，Javascript將返回一個double。 當您將該隨機數放入URL中時，您希望它是一個字符串。 嘗試將changeChart的第一行更改為此：

var rand_no = String(Math.random() * 1000000);