Javascript动态更新Div无法在网站上工作
问题描述:
我正在Magento中的产品页面上工作,我试图获得一个自定义选项文本字段输入以动态更新div的内容。该代码在JSFiddle中正常工作,但是它不在活动页面上工作。我需要帮助诊断代码为什么不能在页面上工作。Javascript动态更新Div无法在网站上工作
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;
}
答
用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齿轮)。当我放入“无包裹体”时,第一种方法起作用^^
该功能似乎没有区别。 : -/ – NotJay
我编辑我的答案 – bizard
另一个编辑^^ – bizard