从表单提交生成URL

时间:2016-12-11 22:22:58

标签: javascript html

我的编码课中有一个决赛,这些是要求:

  1. 输入公司的股票代码。例如MSFT(微软)或GOOG(Alphabet)进入文本 字段
  2. 从包含5个选项的select标签中选择要查看的图表。各种选择是 详情如下。
  3. 单击按钮以使用IMG标记显示给定公司的指定股票图表 在网页内。 要从Yahoo获取股票图表,您必须使用以下URL格式: https://chart.yahoo.com/z?t= chart_code &安培; S = STOCK_SYMBOL 其中stock_symbol是您要查看其图表的公司的股票代码,以及 chart_code是以下代码之一:
    • 1d - 1天图表
    • 5d - 5天图表
    • 1m - 1个月图表
    • 6m - 6个月图表
    • 1y - 1年图表
  4. 我的问题是从用户输入的数据生成网址。我有一个文本框和一个选择字段,但我不确定如何以更改chart_code和stock_symbol的方式提交数据,以便我可以生成匹配输入数据的URL。我在想,也许功能最好,但我不确定如何去做。

    到目前为止我的代码

    <html>
    <head>
            <title></title>
    <script>
    function DemStocks() {
    
    
    }
    </script>
    </head>
    <body>
        <form>
            <input type= "text" name="Company" value="Who?">
    
        </form>
    <select name="timechart">
        <option value="1d">1 day</option>
        <option value="5d">5 day</option>
        <option value="1m">1 month</option>
        <option value="6m">6 months</option>
        <option value="1y">1 year</option>
    </select>
    <button type="button" onclick="DemStocks" value="$$$$">
    
    <script>
    
    
    </script>
    </body>
    </html>
    

2 个答案:

答案 0 :(得分:0)

您可以获取这些值并创建您的网址:

std::map::emplace

请记住我在jQuery中使用了一个id选择器,所以你必须将它添加到你的html:

explicit

答案 1 :(得分:0)

以下是一些可以帮助您的方法:

首先,onclick的{​​{1}}不仅仅是函数的名称,它还需要是一个完整的JS语句。要让它调用您的函数,请使用:<button>(注意括号)

获取输入元素(onclick="DemStocks()"input的值)的最简单方法是给它们唯一的select,然后使用id 。这将返回document.getElementById("the_elements_id").value的文字内容或input ed value的{​​{1}}属性。

要汇编URL,请使用select连接字符串,例如

option
祝你好运!