2013-10-03 3 views
-2
<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

<script> 
function formSubmit() 
$('#newhtml').html('hello world'); 
</script> 

</head> 
<body> 
First name: <input type="text" id="fname" name="fname"><br> 
<input type="button" onclick="formSubmit()" value="Search Data"> 
<div id="newhtml"></div> 
</body> 
</html> 

С кодом выше, я пытаюсь нажать кнопку, которая выполняет функцию formSubmit() при щелчке и мой div newhtml не изменится на мир hello.Javascript Button onclick issue

Что случилось с выше код ..

Спасибо!

+1

Ваша функция неправильная, она не заключена в фигурные скобки. –

+0

Почему в вашем коде есть две разные версии jQuery. И почему вы используете jQuery для печати Hello World ??? – MarsOne

ответ

1

Попробуйте

<script> 
    $(document).ready(function(){ 

    $("#input").click(function(){ 
    $('#newhtml').html('hello world'); 

    }) 


    }); 

    </script> 

HTML код

<body> 
First name: <input type="text" id="fname" name="fname"><br> 
<input type="button" id="input" value="Search Data"> 
<div id="newhtml"></div> 
</body> 
+0

@ user1777711 этот ответ используется jqury –

0

Ваш формат для функции JavaScript неправильно, завернуть их в скобках

function formSubmit(){ 
    $('#newhtml').html('hello world'); 
} 

Кроме того, вы не должны включать в себя две различные версии JQuery.

1

Добавить скобки в вашу функцию

function formSubmit() { 
    $('#newhtml').html('hello world'); 
} 
+0

удивительный. Я пропустил это lol Спасибо! – user1777711

+0

@ user1777711 Что удивительно .... lol. Кронштейн более важен и как можно упустить его ...... –

0

<head> 

    <script> 

     function formSubmit() 
     { 

      document.getElementById("newhtml").innerHTML="hello world"; 
     } 
    </script> 

</head> 
<body>`enter code here` 
    First name: <input type="text" id="fname" name="fname"><br> 
    <input type="button" onclick="formSubmit()" value="Search Data"> 
    <div id="newhtml"></div> 

+0

@ пользователь1021726: правильно сказано. небольшая ошибка может сделать ур проект haywire. – Javanator