Question

我正在Magento的产品页面上工作，我正在尝试获取自定义选项文本字段输入以动态更新div的内容。代码在JSFiddle中工作正常，但它不在实时页面上工作。我需要帮助来诊断代码无法在页面上运行的原因。

HTML：

<input type="text" onchange="opConfig.reloadPrice()" id="options_35_text" class="input-text required-entry  product-custom-option length-input" name="options[35]" value="10">
<br />Length: <div id="length" style="display:inline-block;">10<div>

JS：

var input = document.getElementById('options_35_text'); 
input.onkeyup = function() {
    document.getElementById('length').innerHTML = input.value;    
}

Answer 1

使用这样的js：
HTML：

<input id="inp"type="text" onkeyup="func()" value="10">
<br />Length: <div id="length" style="display:inline-block;">10<div>

JS：

function func() {
    var input = document.getElementById('inp'); 
    document.getElementById('length').innerHTML = input.value;    
}

或者你可以像这样写：

<script type="text/javascript">
function func() {
    var input = document.getElementById('inp'); 
    document.getElementById('length').innerHTML = input.value;    
}
</script>
<input id="inp"type="text" onkeyup="func()" value="10">
<br />Length: <div id="length" style="display:inline-block;">10<div>

在JSFidle中，您可以选择加载js部分的位置（单击“javascript”附近的齿轮。）当我输入“No wrap -in body”时，第一种方法可以正常工作^^

Javascript更新Div动态不在网站上工作

1 个答案: