在 URL 末尾添加文本输入

Question

我有一个简单的 HTML 页面，其中有一个文本字段、一个按钮和一个 div。 我想让用户在字段中输入股票代码。当他们按下提交按钮时，图表图像将显示在 div 内。

这些图表已经存在@http://icart.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

我几分钟前检查了一下，似乎不需要 URL 中的 &1234567890 之类的部分，所以我会更改代码以获得以下结果：

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 返回一个双精度数。当您将该随机数放入 URL 时，您希望它是一个字符串。尝试将changeChart的第一行更改为：

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