javascript - 输入文本框在 Javascript 中返回未定义

Question

这是我的 HTML:

<form name='cred' class="panel-body2">
  <div class="form-group">
    <label for='addjidlbl'> Username (JID):</label>
    <input type='text' id='addjid' />
  </div>
  <input type='button' id='add' value='add' />
</form>     

这是 JavaScript:

$('#add').bind('click', function() {
  var jid = $('#addjid').value; 
  alert(jid);
  //var jid=document.getElementById('addjid').value;    
  var jid2 =$('#addjid').get(0).value; 
  alert(jid2);
  //  //$('#addjid').get(0).value; 
  log('jid=>'+jid);
  var data = document.getElementById("addjid").value; //$(".panel.panel-default2#addjid").value;
  alert(data);

  alert("type=>"+ typeof(jid));
  addRoster(jid);
});

function addRoster(jid) {
  log('addRoster=>' + jid);
}

我得到的是两个带有“undefined”的消息框，第三个带有“type=>undefined”。为什么获取不到addjid文本框的输入文本？

如果我更改 var jid = $('#addjid').get(0).value;，即使文本框有值，jid 也只是空白。为什么？

Answer 1

将 .value 更改为 .val() 就像

$('#addjid').value

应该是

$('#addjid').val()