How to define an input id in javascript?

Question

Hi i am not good in javascript. This is a part of code from my ajax search auto-suggest and i need to replace "word" text with the text that comes from input. How can I do that?

<input type="text" id="selectedInput"/><ul id="list"></ul>    
<script>    
var keyword = "word";  (wrong code)      
url: "http://itunes.apple.com/search?term=" + keyword + "&entity=musicTrack",
..

See http://jsfiddle.net/coladeu/Qhj5N/3/

When do you want it? When the page loads? Or when an event occurs? — I Hate Lazy
– I Hate Lazy, Commented Sep 23, 2012 at 18:56
i want it when event occurs. when i type characters, to start show me the suggestions. i dont think is that hard but i am not good in js. — Bengau
– Bengau, Commented Sep 23, 2012 at 20:11

Matthew Cox · Accepted Answer · 2012-09-23 19:01:50Z

3

This will obtain the value in your textbox.

var keyword = document.getElementById('selectedInput').value;

Edit:

Just as an FYI, the same thing can be accomplished using jQuery:

$('#selectedInput').val();

edited Sep 23, 2012 at 19:01

answered Sep 23, 2012 at 18:53

Matthew Cox

13.7k9 gold badges57 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Jan.J Over a year ago

in jsfiddle demo jQuery is used, so it can be also var keyword = $('#selectedInput').val();

Michał Miszczyszyn Over a year ago

You can do exactly the same without jQuery which is, by the way, overkill for the browser and network traffic if you intend to use it only for traversing the DOM. document.querySelectorAll('#selectedInput').innerHTML

Matthew Cox Over a year ago

Oh didn't even check his jsfiddle.

Bengau Over a year ago

thanks for your help but i need this code to work and show me the suggestions when i type words on the search box and it dont show.

Matthew Cox Over a year ago

Cola, that sounds like the basis for an entirely new question. This is how you would obtain the value in a input field. If you are now onto working through bugs in the ajax/server-side then I suggest you accept an answer for this one and open a new question that is focused on that issue.

nandu · Accepted Answer · 2012-09-23 18:56:51Z

1

You can use $('#selectedInput').val() here is an example

http://jsfiddle.net/Qhj5N/4/

answered Sep 23, 2012 at 18:56

nandu

7794 silver badges18 bronze badges

3 Comments

Bengau Over a year ago

nandu i check the link i am not see it working. it don't show results.

nandu Over a year ago

@Cola : sorry about that..updated the jsfiddle .. try this out.. jsfiddle.net/Qhj5N/22

Bengau Over a year ago

the results work now but I am using chrome and i get popups for every character i type. can you make them disapear? I really apreciate your help

Collectives™ on Stack Overflow

How to define an input id in javascript?

2 Answers 2

5 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related