根据表单输入动态更新html文件

用户3341207

我使用一个名为finviz.com的网站,该网站提供股票图表。我喜欢沿着不同的时间范围查看图表,一个在另一个时间之上。我一直在使用excel来做到这一点。例如,如果我在单元格A1中输入“ aapl”,那么我将在excel中使用一个简单的串联公式将所需的超链接放在一起,如下所示:

<img src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=st_c,sch_100,sma2_50,sma2_20,sma2_100,stofu_b_5_3_3&p=d&s=l'><br>
<img src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i15&s=l'><br>
<img src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i3&s=l'>[/code]

但是,这进展缓慢。对于每个不同的代码,我需要将Excel文本复制/粘贴到桌面上的html文件中,并刷新我的Chrome浏览器。我希望在html代码中有一个输入字段,该字段允许我输入一个股票代码,然后动态更新另一只股票的html代码。

有人可以建议该怎么做吗?

詹姆士

如果您不想使用JQuery,这里是intracept非常好的代码的普通JavaScript版本。

<input type="text" id="tickerCode" /><input type="button" id="setTicker" value="Set Ticker" />

<img id="ticker1" src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=st_c,sch_100,sma2_50,sma2_20,sma2_100,stofu_b_5_3_3&p=d&s=l'><br>
<img id="ticker2" src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i15&s=l'><br>
<img id="ticker3" src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i3&s=l'>
<script>
document.getElementById('setTicker').addEventListener('click', function () {
  var symbol = document.getElementById('tickerCode').value;
  document.getElementById('ticker1').src = 'http://elite.finviz.com/chart.ashx?t=' + symbol + '&ty=c&ta=st_c,sch_100,sma2_50,sma2_20,sma2_100,stofu_b_5_3_3&p=d&s=l';
  document.getElementById('ticker2').src = 'http://elite.finviz.com/chart.ashx?t=' + symbol + '&ty=c&ta=0&p=i15&s=l';
  document.getElementById('ticker3').src = 'http://elite.finviz.com/chart.ashx?t=' + symbol + '&ty=c&ta=0&p=i3&s=l';
});
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章