Функция JavaScript устанавливает значение для поля в IE, но не в Chrome

Question

Эта строка отлично работает в Inte rnet Explorer:

var outHtml = "<div align='left'><a href=\"javascript:setSupplier('Dummy');\">" + imgArrowLeft + "&nbsp;Ich finde meinen Lieferanten nicht oder kenne diesen nicht</a></div>";

Я могу нажать на текст справа.

Но когда я использую Chrome или Microsoft Edge, это не работает, то есть я не могу нажать на текст справа:

setSupplier() - это простая функция, которая устанавливает значение поля формы Nintex:

function setSupplier(value) {
    NWF$("#" + varSupplierPicker).val(value);
}

Как можно решить эту проблему?

Answer 1

Это довольно "старый" код ... Может быть, в новых браузерах улучшены валидаторы ?

const imgArrowLeft = "<=="

const outHtml = `
  <div style="align: left;">
    <span style="text-decoration: underline; cursor: pointer; color: blue;" onclick="setSupplier('Dummy')">
      ${imgArrowLeft} Ich finde meinen Lieferanten nicht oder kenne diesen nicht
    </span>
  </div>`

function setSupplier(x) {
  console.log(x)
}
  
document.querySelector("#here").innerHTML = outHtml

<div id="here"></div>

Поскольку a-теги созданы для гиперссылок, вы должны использовать другой тег, если хотите запустить javascript.

Answer 2

Попробуйте использовать onclick.

var outHtml = "<div align='left'><a href=\"#\" onclick=\"setSupplier('Dummy'); return false;\">" + imgArrowLeft + "&nbsp;Ich finde meinen Lieferanten nicht oder kenne diesen nicht</a></div>";