Почему этот Javascript работает в Firefox, а не в Internet Explorer?

Question

  <img src="images/butAdd.png" onclick="addField(1,1);" />

  <div id="divField"></div>
  <script type="text/javascript">
    function addField(count, type) {
        var bid = document.getElementById("bid").value;
        $("#divField").append("<a href='#' onClick='javascript:removeField(\"#bow" + bid + "\"); return false;'><img src='images/closeSmall.png' /></a>");  
        }

    function removeField(bid) {
        $(bid).remove();
    }
 </script>

Рассмотрим этот код Javascript, который отлично работает в Firefox, но не в Internet Explorer.

Функция addField() работает, а removeField() - нет.

Есть идеи, почему это не сработает, или какие-нибудь обходные пути?

Answer 1

Событие

onclick не должно иметь «javascript:» перед кодом. Такая строка должна быть только тогда, когда вы используете 'href =', чтобы поместить код JS.

Answer 2

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

function addField(count, type) {
                            $("#divField").append("<a href='#' onClick='javascript:removeField(); return false;'><img src='images/closeSmall.png' /></a>");      
                    }

                    function removeField() {
                            $("#bid").remove();
                    }

Answer 3

Я думаю, что это связано с переменной 'bid'. Значение для переменной присваивается только тогда, когда вы вызываете addField (), и оно локально для этого метода.

В removeField () значение 'bid' не определено, поэтому оно не работает.

Попробуйте изменить removeField () следующим образом

function removeField() {
    var bid = document.getElementById("bid").value;
    $(bid).remove();
}

Answer 4

попробуйте изменить:

var bid = document.getElementById("bid").value;

до

var bid = $("#bid").val();

Я думаю, что в том, как IE делает .value против firefox *, есть одна странность

Answer 5

Ваш addFiled может выглядеть так:

$("<a href='#'><img src='images/closeSmall.png' /></a>").appendTo("#divField")
  .click(function() {
    $("#bid").remove();
  })