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

Question

我正在Magento中的产品页面上工作，我试图获得一个自定义选项文本字段输入以动态更新div的内容。该代码在JSFiddle中正常工作，但是它不在活动页面上工作。我需要帮助诊断代码为什么不能在页面上工作。

JS小提琴：http://jsfiddle.net/9cyXq/57/

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齿轮）。当我放入“无包裹体”时，第一种方法起作用^^