OnClick вход кнопка не работает в Chrome

код

Javascript:OnClick вход кнопка не работает в Chrome

function doClick() 
{ 
    alert("clicked"); 
}

HTML код:

<div > 
<table border="2" cellspacing="0" cellpadding="0" class="TextFG" style="font-family:Arial; font-size:10pt;"> 
<tr> 
<td width="100%"> 
    <table border="0" style="font-family:Arial; font-size:10pt;" cellspacing="0" cellpadding="3"> 
    <tr> 
     <td>&nbsp;Find:</td> 
     <td nowrap> 
     <input type="text" id="Find_Text" name="Find_Text" size="7" >&nbsp;<input type="checkbox" name="Find_ExactMatch" value="1" checked> 
     </td> 
     <td colspan="2" style="cursor:default" nowrap >Exact Match</td> 
    </tr> 
    <tr> 
     <td>&nbsp;In:</td> 
     <td> 
     <select name="Find_DataFile"> 
      <option value="1">Stage 1</option> 
      <option value="2">Stage 2</option> 
     </select> 
     </td> 
     <td align="center" valign="top"> 
     <input type="submit" value="Go" onclick="doClick();"/> 
     </td> 
     <td align="center"><font class="DataFG">F2<font></td> 
    </tr> 
    </table> 
</td> 
</tr> 
</table> 
</div>

Привет всем,

Простой код, как выше не будет стрелять в Chrome (последняя) но будет в IE8 и IE10. Я делаю что-то не так?

Цените любую помощь Спасибо

После шагать через каждую строку в коде поставляемых выше (который также включает в себя запрос на сервер, чтобы заполнить выпадающий список под названием «Find_DataFile», код которого я не смог поставить) У меня есть наконец, нашел виновника, который вызывал ошибку, не определенную объектом (поскольку ее идентификатор не был определен, и я вызывал getElementById, чтобы назначить его временному объекту). Теперь все работает для IE8 Chrome и Safari IE10. Спасибо, ребята, все время и силы, чтобы помочь мне найти решение. Это очень ценится. Я могу нормально дышать сейчас!

источник

2013-10-15 ctaylor

Является 'doClick()' имя фактического имени, которое вы используете, или вы изменили его для вопроса? – user2736012

Это фактическое имя функции – ctaylor

Работы ** [Здесь] (http://jsfiddle.net/NUNe5/) ** –

Для вашего образца. Он должен работать.

Есть две вещи, которые вы должны быть уверены:

При нажатии на кнопку, убедитесь, что код Javascript был был загружен.
Ваш Javascript-код не должен иметь синтаксической ошибки.
Если кнопка находится внутри формы, после нажатия на нее может быть отправлена форма.

источник

2013-10-15 03:01:56 Han

Для # 1 он работает под IE, поэтому я предполагаю, что функция JS загружена – ctaylor

Ваш HTML, который вы обновили, в порядке. Я подозреваю, что проблема может быть в вашем JS-коде. – Han

Почему это работает в IE? – ctaylor

кнопка отправки уже имеет функциональность по умолчанию. это не вызовет функцию onclick во многих браузерах. попробуйте изменить тип кнопки на «кнопку» и попробуйте отправить форму с помощью javascript.

источник

2013-10-15 03:08:02 joe

Изменение типа на кнопку «0» не работает – ctaylor

Кнопка отправки - это особый тип кнопки, которая ТОЛЬКО используется внутри формуляров <. Он выполняет любую функцию, указанную в атрибуте «onsubmit» формы, к которой он принадлежит. Обратитесь к Here за представление о том, как кнопки отправки взаимодействуют с javascript и формой «onsubmit». Вы сможете получить желаемый эффект, если будете подключаться к этому пути. поэтому обращая особое внимание на форму разметки код будет ...

<body> 
    <div> 
     <form name="myForm" action="http://www.google.com" onsubmit="return doClick();" method="post"> 
      <table border="2" cellspacing="0" cellpadding="0" class="TextFG" style="font-family:Arial; font-size:10pt;"> 
       <tr> 
        <td width="100%"> 
         <table border="0" style="font-family:Arial; font-size:10pt;" cellspacing="0" cellpadding="3"> 
         <tr> 
          <td>&nbsp;Find:</td> 
          <td nowrap> 
          <input type="text" id="Find_Text" name="Find_Text" size="7" >&nbsp;<input type="checkbox" name="Find_ExactMatch" value="1" checked> 
          </td> 
          <td colspan="2" style="cursor:default" nowrap >Exact Match</td> 
         </tr> 
         <tr> 
          <td>&nbsp;In:</td> 
          <td> 
          <select name="Find_DataFile"> 
           <option value="1">Stage 1</option> 
           <option value="2">Stage 2</option> 
          </select> 
          </td> 
          <td align="center" valign="top"> 
          <input type="submit" value="Go" /> 
          </td> 
          <td align="center"><font class="DataFG">F2<font></td> 
         </tr> 
         </table> 
        </td> 
       </tr> 
      </table> 
     </form> 
    </div> 
</body> 
</html>

, а затем JavaScript:

function doClick() 
{ 
alert("I've been clicked"); 
}

И это работает для меня :)

источник

2013-10-15 03:38:12 user1567453

Даже если это так, как вы должны обрабатывать js, запускаемый при отправке формы, я также получил его работу с onClick in chrome: p – user1567453

спасибо за ваше предложение. попробует, если все остальное не удастся. Вложены ли вложенные

Не было кода, выложенного выше, где вы указали тег . Вы НЕ должны вставлять теги . Я бы сказал, если у вас уже есть тег формы, убедитесь, что он имеет тот же самый onsubmit, что и тот, который у меня выше, поэтому он ссылается на вашу функцию. – user1567453

OnClick вход кнопка не работает в Chrome

ответ

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