将输入框值传递给要使用的js doc中的var

时间:2014-04-23 22:55:42

标签: javascript jquery flickr

是否可以将表单中输入的值传递给要在函数中使用的var。

例如:

<input type="text" id="userID" name="userID" placeholder="Enter user ID" style="width:200px;" />

<input type="submit" value="search" />

因此userID将被传递到:

 var userId = null;

我希望将此用作用户将其userID输入到flickr api调用的方式。

$.getJSON('http://api.flickr.com/services/rest/?method=flickr.photos.search&getSizes&api_key=feb7e93d9a90e9a734787bea9be81440&user_id='+userID+'&has_geo=1&extras=geo&format=json&jsoncallback=?', mapImages);

我环顾四周,看到了

var userId = document.getElementById("userID").value;

这似乎不起作用。


我试过了:

<form type="post" onsubmit="loadImages(); return false;">

<input type="text" id="userID" name="userID" placeholder="Load user images"  />
<input type="submit" value="Get Flickr images!" />

</form> 

使用该功能:

  function loadImages()
  {

        var userId = document.getElementById("userID").value;

  }

这是沿着正确的轨道还是完全关闭?

1 个答案:

答案 0 :(得分:0)

getElementById区分大小写。

在您的HTML中,您使用"userID"和JavaScript "userId"