warum $ ("# id") val() ist keine Funktion

Question

jsp:.

<input id="companyName" class="cpn" type="text" value="" ></input> 
<input id="phoneNumber" class="number" type="text" value=""></input>  
<textarea id="remark" placeholder="消息备注"></textarea> 
<input class="submit" type="button" onclick="apply()" value="在线提交" ></input>//define some block<input> 

js:

var companyName = $("#companyName").val();//get the value in block<input> 
var phoneNumber = $("#phoneNumber").val(); 
var remark = $('#remark').val(); 

Firefox und Google .val zeigt() kein Funktion, so ändere ich den Code:

var companyName = document.getElementById("companyName").value; 
alert(companyName);// not use the jquery 
var phoneNumber = document.getElementById("phoneNumber").value; 
alert(phoneNumber); 

jetzt wird es die vaule, aber ajax-Code kann immer noch nicht funktioniert: kann mir jemand sagen?

Answer 1

# Please try bellow code in javascript #  

<script> 
     function apply(){ 
      var companyName = document.getElementById("companyName").value; 
      alert(companyName); 

      var phoneNumber = document.getElementById("phoneNumber").value; 
      alert(phoneNumber); 

      var remark = document.getElementById("remark").value; 
      alert(remark); 
     } 
    </script> 
    <input id="companyName" class="cpn" type="text" value="" ></input> 
    <input id="phoneNumber" class="number" type="text" value=""></input>  
    <textarea id="remark" placeholder="enter"></textarea> 
    <button class="submit" onclick="apply();">Submit</button> 



# Please try bellow code in Jquery# 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script> 

    function apply(){ 
     var companyName = $("#companyName").val(); 
     alert(companyName); 
     var phoneNumber = $("#phoneNumber").val(); 
     alert(phoneNumber); 
     var remark = $('#remark').val(); 
     alert(remark); 
    } 
</script> 
<input id="companyName" class="cpn" type="text" value="" ></input> 
<input id="phoneNumber" class="number" type="text" value=""></input>  
<textarea id="remark" placeholder="enter"></textarea> 
<button class="submit" onclick="apply();">Submit</button>