Значение поля ввода Javascript не определено

Question

Значение поля ввода Javascript не определено

0

Проблема, которая у меня есть, заключается в том, что я не могу получить доступ к значению одного из моих текстовых полей. Я знаю, что при первоначальном загрузке документа значение будет неопределенным. Но когда я обращаюсь к значению поля ввода, когда я нажал на submit, я должен получить точную введенную строку в текстовом поле.

$("#foo").submit(function(event)

Но даже после этого прослушивателя событий я не могу получить доступ к значению.

console.log(comment_value);

всегда отображается неопределенно. Я также использовал jquery версию функции val(), но без помощи.

Пожалуйста, направляйте. спасибо

<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
      $(document).ready(function(){                
        $("#foo").submit(function(event){           
          var comment_value = document.getElementById("newComment").value;        
          console.log(comment_value);

          event.preventDefault();
          // $("#newcommentblock").html(&#039;<img src="a.gif"/>&#039;);                  

          request = $.ajax({
            url: "getcomment.php",
            type: "POST",
            timeout:30000,  
            dataType: "text", 
            data:{getquestionid: 12, getcomment: "comment_value"}               
          });

          alert("inside script");

          request.done(function (response, textStatus, jqXHR){

          console.log("Hooray, it worked!");
          //$("#comments").html(response);              
        });        

        request.fail(function (jqXHR, textStatus, errorThrown){               
          console.error("The following error occured: " + textStatus + ", " + errorThrown);
        });        

        request.always(function () {});

        console.log("hi inside");           
      });
    </script>
  </head>
  <body>  
    <h1> 
      question: <br> jisofqw<br>        
    </h1>

     <p id = "comments">        
      comments <br>
    </p>

    Type your comment here
    <div id = "newcommentblock">
      <p id = "newComment">  </p>
      <form  id = "foo" name = "commentbox" action = "#" >
        <input type = "text" id ="newComment"   name = "newComment">
        <input type = "submit" value = "post a comment">
      </form>
    </div>

    <p id = "answer">
      answer
    </p>        
  </body>
</html>

user1590595 20 сен. 2013, в 20:15

Источник

Теги:

javascript

jquery

html

dom