0

我有一个简单的 js 脚本，我一直在使用它来根据从下拉列表中选择的值加载文本框。

问题：它只在更改时加载，如果加载时选择的值不是 0，我需要在加载页面时加载它。这个脚本让我很困惑，所以我无法确定我需要的确切位置更新。

剧本：

function addInput(){
var arr = [
"<p style='text-align:center;'>Reward 1: <input type='text' name='rew1' id='rew1' value='<?php echo $connt['reward_1'] ?>'></p>",
"<p style='text-align:center;'>Reward 2: <input type='text' name='rew2' id='rew2' value='<?php echo $connt['reward_2'] ?>'></p>",
"<p style='text-align:center;'>Reward 3: <input type='text' name='rew3' id='rew3' value='<?php echo $connt['reward_3'] ?>'></p>",
"<p style='text-align:center;'>Reward 4: <input type='text' name='rew4' id='rew4' value='<?php echo $connt['reward_4'] ?>'></p>",
"<p style='text-align:center;'>Reward 5: <input type='text' name='rew5' id='rew5' value='<?php echo $connt['reward_5'] ?>'></p>",
"<p style='text-align:center;'>Reward 6: <input type='text' name='rew6' id='rew6' value='<?php echo $connt['reward_6'] ?>'></p>",
"<p style='text-align:center;'>Reward 7: <input type='text' name='rew7' id='rew7' value='<?php echo $connt['reward_7'] ?>'></p>",
"<p style='text-align:center;'>Reward 8: <input type='text' name='rew8' id='rew8' value='<?php echo $connt['reward_8'] ?>'></p>",
"<p style='text-align:center;'>Reward 9: <input type='text' name='rew9' id='rew9' value='<?php echo $connt['reward_9'] ?>'></p>",
"<p style='text-align:center;'>Reward 10: <input type='text' name='rew10' id='rew10' value='<?php echo $connt['reward_10'] ?>'></p>",
];
var el = document.getElementById('select');
var div = document.getElementById('rewards');
div.style.display = "block";
while(div.hasChildNodes()) { div.removeChild(div.childNodes[0]); }

if(el.selectedIndex > 0) {
for(var i = 0; i<el.options[el.selectedIndex].value; i++) {
div.innerHTML = div.innerHTML + arr[i];
}
}

}
4

3 回答 3

2

希望这可以帮助：

        window.onload = function(){
            addInput();
        }
于 2012-11-23T05:00:46.320 回答
1

在你的标签上

<body onload="return addInput()">
于 2012-11-23T05:03:21.520 回答
0

获得真正的“加载”行为可能非常棘手。问题是，虽然在 load 属性上设置 body 标签在技术上是有效的，但它会在 body 完成加载后立即触发。窗口加载可能存在类似的问题。

许多更复杂的网页不会完成加载所有支持文件、脚本或基于 AJAX 的所需组件，因此从天真的正文 onload 事件触发的部分脚本可能会失败。

许多 JavaScript 框架提供了一种方法来管理这种情况，在所有资源都准备好之前不会触发。我推荐使用在你最喜欢的框架中实现的那个——而且我绝对推荐使用一个框架，因为没有一个好的框架支持跨浏览器是一场噩梦！

例如，在 Dojo 中（直到最近），你会这样做：

dojo.addOnLoad(/* function */)

一旦所有页面资源都可用，就会触发。

于 2012-11-23T05:08:10.303 回答