0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                var wifi;
                var firewall;
                var backup;
                var vpn; 
                var install; 

                $('submit').click(function(){
                    wifi = $('input[name=wifiPrice]').val(); 
                    firewall = $('input[name=firewallPrice]').val(); 
                    backup = $('input[name=backupPrice]').val(); 
                    vpn = $('input[name=vpnPrice]').val(); 
                    install = $('input[name=installPrice]').val(); 

                    $('list').append('<p>' + wifi + '</p>');  
                });
            }); 
        </script>

    </head>

    <body>
        <div id="cccontainer">
            <form id="costComparer" name="pricesForm">
                <table>
                    <tr>
                        <td class="label" id="wifi">Wifi:</td><td><input type="text" name="wifiPrice"></td>
                    </tr>
                    <tr>    
                        <td class="label" id="firewall">Firewall:</td><td><input type="text" name="fireWallPrice"></td>
                    </tr>
                    <tr>
                        <td class="label" id="backup">Backup:</td><td><input type="text" name="pBackupPrice"></td>
                    </tr>
                    <tr>    
                        <td class="label" id="vpn">VPN:</td><td><input type="text" name="vpnPrice"></td>
                    </tr>
                    <tr>
                        <td class="label" id="install">Installation:</td><td><input type="text" name="installPrice"></td>
                    </tr>
                    <tr>
                        <td></td><td><input type="button" value="Submit" /></td>
                    </tr>
                </table>

            </form>

            <div id="list"></div>
        </div>
    </body>
</html>

我正在尝试获取wifiPrice输入字段的值,并将其附加到

容器放入<div id="list">. 但是,它似乎没有做任何事情。有人能指出我哪里出错了吗?谢谢你。

4

3 回答 3

1

您没有div正确引用或提交按钮。

改变:

$('list').append('<p>' + wifi + '</p>'); 

$('#list').append('<p>' + wifi + '</p>'); 

此外,您附加点击侦听器的方式有问题。您需要为按钮分配一个类或 id,然后相应地引用它。或者,您可以按照引用输入字段的方式引用它。

于 2013-06-28T23:36:49.037 回答
0
 $('submit')

你没有提交元素?

<input type="button" value="Submit" />

将会

 $('input[type="button"][value="Submit"]')

你也没有列表元素,$('list')应该是$('#list')

小提琴

于 2013-06-28T23:37:47.777 回答
0

问题是你的选择器。您正在将处理程序附加到一个应该称为提交但不存在的元素(标签)!就像您正在选择一个元素,例如:

<submit>...</submit>

所以,转这个:

$('submit')

进入这个:

$('input[type="submit"]')
于 2013-06-28T23:38:05.913 回答