1

これが私のHtmlです：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title>Setlist</title>
    <style type="text/css">
    body{ }
    </style>
</head>
<body>
<script  type="text/javascript" src="javascripts/jquery-1.9.1.js"> </script>

<!-- Site navigation menu -->
<ul class="navbar">

</ul>

<button href="#" type="button" id="toggle">File Tools</button>
<div id="tools">

    <P>Add a Set list:<br>
        <LABEL for="labelName">Set List Name: </LABEL>
              <INPUT type="text" name="slName" id="slname"><button id="createSL" value="Create Setlist">Create Set</button>
        </P><br>
    <P>Delete a Set list: (need to add functionality)<br>
        <? include("remSLcombo.php"); ?> <button href="#" type="button" id="delSl">Delete Setlist</button>
    </P>

</div><BR>

<? include("combo.php"); ?>






    <script  type="text/javascript">
         $( document ).ready(function(){
            $('#tools').hide();
            $("#tunelist").change(function(e){

                var test = $(this).val();
                $.ajax({
                    type: "POST",
                    url: "new.php",
                    data: { database : test },
                    error: function(e){
                        alert(e.status);
                    },
                    success: function(response){
                        $('#display').html(response);
                    }

                });

            /*$(function(){
                setInterval(function(){
                    $("#setlist").load("new.php");
                }, 1 * 1000);
            });*/
            });

            // toggles the slickbox on clicking the noted link  
            $('#toggle').click(function() {
                $('#tools').toggle(400);
                return false;
            });

            $('#createSL').click(function(){
                var sendIt = $("#slName").val();
               $.ajax({

                    type: "POST",
                    url: "createSL.php",
                    data: {slName : sendIt},
                    error: function(e){
                        alert("The PHP Call failed!  hmmm");
                        alert(e.status);
                    },
                    success:  function(response){
                        alert(response);
                    }

                }); 
            });

        });


    </script>

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

関数では、その関数をステップ実行$('#createSL').click(function()すると値sendItが表示undefinedされます。私は何を間違っていますか？div または何かへのポインターを省略しましたか?

ありがとう

4

2 に答える 2

4

セレクターを使用する場合、ID 属性は大文字と小文字を区別します。入力の ID 属性を「slName」(大文字の N) に変更してみてください。

于 2013-03-04T02:27:04.043 に答える
0

jqueryのセレクターでは大文字と小文字が区別されます。これを試してください：var sendIt = $（ "＃slname"）。val（）;

于 2013-03-04T02:39:37.780 に答える