2013-07-16 3 views
0

Я хочу вставить базовую форму на свой сайт, чтобы мои пользователи могли искать рецепты. Мне сложно получить javascript, чтобы найти входное значение из формы. Любая помощь будет оценена по достоинству.getElementById() не будет работать

<!DOCTYPE html> 
<html> 
<head> 
<script> 
    function searchURL() 
{ 
    var foodSearch = window.open("http://search.myrecipes.com/search.html?N=17&mFil=false&Ntt=" + "document.getElementById("searchFood").value"); 

}; 
    </script> 
    </head> 

<body> 

<form> 

<fieldset> 
<legend>Search for Healthy Diet Recipes</legend> 
<p> 
Type in the name of the Recipe or Healthy Diet Food you would like to cook below:<br> 
</p> 
<br> 
<input type="text" id='searchFood' > 
<input type="button" value="Find Delicious Food" onClick="searchURL()"> 

</fieldset> 
</form> 
</body> 

</html> 
+0

ли вы посмотрите на ошибки в консоли? Это было бы прекрасным местом для начала. – epascarello

+1

[Узнайте, как ** отлаживать ** JavaScript] (http://www.netmagazine.com/tutorials/javascript-debugging-beginners). –

ответ

5

Не добавляйте его в "" цитаты.

Используйте это:

var foodSearch = window.open("http://search.myrecipes.com/search.html?N=17&mFil=false&Ntt=" + document.getElementById("searchFood").value); 
Смежные вопросы