2013-12-23 3 views
0

Я хочу создать html, в котором вы вводите ключевое слово.Отправьте ключевое слово в html и используйте его в javascript

<html>  
    <head> 
    <title>Options</title> 
    </head>  
    <body> 
    <input name="Keyword" type="text"> 
    <input name="Submit" type="submit" value="Submit"> 
    </body>  
</html> 

Я хочу использовать это слово в JavaScript между этими предложениями

var shoeName = ""; 

Это для расширения хромированной так на странице настроек я хочу ввести ключевое слово, представить его и он автоматически положить его в JavaScript

+0

Как получить идентификатор и использовать GetElementById()? –

+0

установить идентификатор для входного текста следующим образом: '& может ссылаться на то же самое в js, как это' ' – dreamweiver

ответ

1

Вы можете сделать это, установив идентификатор для элемента и доступа к элементу с использованием идентификатора.

HTML:

<html>  
    <head> 
     <title>Options</title> 
    </head>  
    <body> 
     <input id="keyText" name="Keyword" type="text"> 
     <input name="Submit" type="submit" value="Submit"> 
    </body>  
</html> 

JS:

<script> 
    var shoeName = document.getElementById("keyText").value; 
</script> 

День кодирование.

+0

Я не знаю, почему это не работает. Я хочу сделать хром расширение, на котором есть страница с параметрами, в которой вы вводите ключевое слово: – user2125877

+0

http://stackoverflow.com/questions/20748342/submitting-a-keyword-in-html-that-goes-into-javascript – user2125877

+0

Хорошо, это похоже на new Вопрос, так как вы уже создали Вопрос о SO для этого, я проверю его, тем временем давайте закрываем этот Вопрос, поскольку он выполнил свою задачу. вы можете закрыть этот вопрос, выполнив это решение в качестве ответа. – dreamweiver

0

Вы можете получить значение входного сигнала с помощью

shoeName = $("input[name='Keyword']").val(); // if you can not add id 

, если идентификатор может быть добавлен только сделать

$('#inputid").val() 

или если вы хотите, чтобы данные о форме представить сделать

<form name="myForm" id="testForm" method="POST" action="send.php"> 
<input name="Keyword" type="text"> 
<input name="Submit" type="submit" value="Submit" 
</form> 

var shoeName = ""; 

$("form[name='myForm']").submit(function(){ 
    shoeName = $("input[name='Keyword']").val() 
// other processing 
}); 
+0

OP ожидал реализации Pure JS, а не JQuery. – dreamweiver

+0

http://stackoverflow.com/questions/20748342/submitting-a-keyword-in-html-that-goes-into-javascript – user2125877

0

Попробуйте это:

var shoeName; 

document.addEventListener('DOMContentLoaded', function() { 

    document.getElementById('keyword').addEventListener('keyup', function() { 
     shoeName = this.value; 
    }); 

}); 

Каждый раз, когда текст добавляется в текстовое поле, shoeName обновляется.

Смежные вопросы