URLの末尾にテキスト入力を追加します

Question

私は、テキストフィールド、ボタン、およびdivを持つ単純なHTMLページを持っています。 フィールドに株価記号を入力させたいと思っています。送信ボタンを押すと、divの中にグラフの画像が表示されます。

グラフが既に存在している@http：？//ichart.finance.yahoo.com/w S =

paticularシンボルのグラフを得るために、私はシンボルを追加する必要があり、 '&'、大きな乱数があります。これは、私はシンボルを作ることができないのです&実施例

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=en

Answer 1

Math.randomを使用して乱数を作ると、Javascriptはdoubleを返します。その乱数をURLに入れると、それを文字列にします。

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

Answer 2

は、私はちょうど数分前にチェックし、URLの&1234567890様部分の必要はありませんようですので、私はこれを取得するためにコードを変更したい：これにchangeChartの最初の行を変更してみてください

乱数が必要ではなく、HTMLコードであることを考えると

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

：今idはテキストiに対するnameと同じ値を持つ

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

注意関数呼び出しの引数をthis削除しました。これがあなたに役立つことを願っています（更新：jsFiddleとhere is resultでOKとテストされています）