根据表单输入

时间:2016-01-01 19:03:14

标签: javascript jquery

我创建了一个包含5个输入的表单:

  1. 服务类型
  2. 天数
  3. 子女数
  4. 成年人数
  5. 我想使用JavaScript根据这些变量更改按钮的值。

    到目前为止这就是我得到的。

    JS

    $(document).ready(function(){
        $('#button').click(function(e) {  
            var servicetype = $("#servicetype").val();
            var service = $("#service").val();
            var adults = $("#adults").val();
            var children = $("#children").val();    
            var days = $("#days").val();
        window.open("https://secure.sample.com/service.aspx?&days="+days"&service="+service"&adults="+adults"&children="+children"&servicetype="+servicetype , '_blank');
        });
    });
    
    HTML
    <select type="hidden"  name="service_type" id="servicetype">
                <option type="hidden"  value="">Select service</option>
                <option type="hidden"  value="AK">Service 1</option>
                <option type="hidden" value="BK">Service 2</option>
                <option type="hidden" value="IK">Service 3</option>
                <option type="hidden" value="HK">Service 4</option>
    </select>
                <input type="number" name="days" min="1" id="days">
                <input type="number" name="service" min="1" id="serviceamount">
                <input type="number" min="1" name="adult" id="adults">
                <input type="number" min="0" name="children" id="children">
    
        <button type="button" id="button">Click Me!</button>

    我对此很陌生,所以任何帮助都会很棒。对不起之前的事故抱歉。

    非常感谢你们!

1 个答案:

答案 0 :(得分:0)

你走了。你的错误是:

1)你的变量应该是“+ foo +”而不只是“+ foo”;

2)window.open中的第一个参数(即链接)应该以撇号结束,就像它开始一样。

经过测试和工作。

'trigger': 'document.getElementsByTagName("button")