Google хром передавая значения полей в форме

Мой popup.html:Google хром передавая значения полей в форме

<!doctype html> 
<html> 
    <head> 
     <form name="orderform"> 
First name: <input type="text" name="firstname" /><br /> 
Last name: <input type="text" name="lastname" /> 
<INPUT TYPE="button" NAME="button1" Value="Read" onClick="readText(this.form)"> 

</form> 
<!-- JavaScript and HTML must be in separate files for security. --> 
    <script src="popup.js"></script> 
    </head> 
    <body> 
    </body> 
</html>

popup.js

console.log("In"); 
function readText (form) 
{ 
    TestVar =form.firstname.value; 
    console.log(TestVar); 
    chrome.tabs.create({"url":"http://www.google.co.in","selected":true}, function(tab){ 
     }); 
}

К сожалению, приведенный выше код не печатает значение имени. Может кто-нибудь, пожалуйста, скажите мне, что я делаю неправильно здесь.

источник

2012-06-02 user1092042

Для начала у вас есть шальная кавычку внутри консоли вызова: 'console.log (TestVar"); ' –

Спасибо за указание его. Когда я скопировал и вставил его, я сделал ошибку. Будет редактировать его. – user1092042

Ваша форма находится в секции <head>; переместите его в кузов
не используйте form.field, используйте свойство DOM id в связи с document.getElementById().

Используйте var для определения локальных переменных; как это:

First name: <input type="text" id="firstname" /><!-- note the use of id=... --> 
<script type="text/javascript"> 
    var TestVar = document.getElementById('firstname').value; 
</script>

использования alert() для строк и чисел

Вот полный код:

popup.html

<html> 
<head> 
<script src="popup.js"></script> 
</head> 
<body> 
<form name="orderform"> 
    First name: 
    <input type="text" name="firstname" id="firstname" /> 
    <br /> 
    Last name: 
    <input type="text" name="lastname" id="lastname" /> 
    <input type="button" name="button1" value="Read" onclick="readText()"> 
</form> 
</body> 
</html>

popup.js

function readText(){ 
    var TestVar = document.getElementById('firstname').value; 
    console.log(TestVar); alert(TestVar); 
    chrome.tabs.create({"url":"http://www.google.co.in","selected":true}, function(tab){ }); 
}

источник

2012-06-02 12:28:12

Google хром передавая значения полей в форме

ответ

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