Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 返回表单会导致一个单独的div标记_Javascript_Jquery_Html_Css_Forms - Fatal编程技术网

Javascript 返回表单会导致一个单独的div标记

Javascript 返回表单会导致一个单独的div标记,javascript,jquery,html,css,forms,Javascript,Jquery,Html,Css,Forms,所以我想在div中返回用户的表单结果,这样他们就可以看到他们使用JQuery在表单下面选择了什么,但却难以使用正确的代码?我试过使用.html函数和replaceWith。等等,但似乎什么都不起作用 以下是我的html代码: <form id="myform"> <h4>Enter your booking slot here:</h4><br> <select id="programmes"> <

所以我想在div中返回用户的表单结果,这样他们就可以看到他们使用JQuery在表单下面选择了什么,但却难以使用正确的代码?我试过使用.html函数和replaceWith。等等,但似乎什么都不起作用

以下是我的html代码:

<form id="myform">
    <h4>Enter your booking slot here:</h4><br>
    <select id="programmes">
        <option value="test1">Test 1</option>
        <option value="test2">Test 2</option>
        <option value="test3">Test 3</option>
        <option value="test4">Test 4</option>
        <option value="test5">Test 5</option>
    </select><br><br>
    <select id="time">
        <option value="one">01:00</option>
        <option value="two">02:00</option>
        <option value="three">03:00</option>
        <option value="four">04:00</option>
        <option value="five">05:00</option>
        <option value="six">06:00</option>
        <option value="seven">07:00</option>
        <option value="eight">08:00</option>
        <option value="nine">09:00</option>
        <option value="ten">10:00</option>
        <option value="eleven">11:00</option>
        <option value="twevle">12:00</option>
        <option value="one-pm">13:00</option>
        <option value="two-pm">14:00</option>
        <option value="three-pm">15:00</option>
        <option value="four-pm">16:00</option>
        <option value="five-pm">17:00</option>
        <option value="six-pm">18:00</option>
        <option value="seven-pm">19:00</option>
        <option value="eight-pm">20:00</option>
        <option value="nine-pm">21:00</option>
        <option value="ten-pm">22:00</option>
        <option value="eleven-pm">23:00</option>
        <option value="midnight">00:00</option>
    </select><br><br>
    <button type="submit" value="Submit Booking">
</form>
</div>

<div></div>

在此处输入您的预订时段:
测试1 测试2 测试3 测试4 测试5

01:00 02:00 03:00 04:00 05:00 06:00 07:00 08:00 09:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 17:00 18:00 19:00 20:00 21:00 22:00 23:00 00:00

$('select')。在('change',function()上{
$('#result').html($(this).find('option:selected').text())
});

测试1
测试2
测试3
测试4
测试5

您应该将代码粘贴到描述中,而不是使用图像。使复制和粘贴更容易:)我将把jquery放在哪里?因为当我把它放在HTML下的单独标记中时,它不起作用。如果您的jquery包含在HTML之后,那么它应该可以正常工作