Javascript 由innerHTML修改的文本赢得';Don’我看不见

Javascript 由innerHTML修改的文本赢得';Don’我看不见,javascript,innerhtml,Javascript,Innerhtml,我有一个函数,如果条件满足,它应该在p元素中显示消息。该函数运行正常,但当您按下按钮时,发送到“output1”的文本会短暂出现,然后消失。我试着把JS放在头上和身上,但似乎没有什么不同。有什么想法吗?谢谢 HTML: Javascript: <script> function logicProcess() { // alert('function launched'); if(document.getElementById('q1Y').checked || d

我有一个函数,如果条件满足,它应该在p元素中显示消息。该函数运行正常,但当您按下按钮时,发送到“output1”的文本会短暂出现,然后消失。我试着把JS放在头上和身上,但似乎没有什么不同。有什么想法吗?谢谢

HTML:

Javascript:

<script>
function logicProcess() {
    // alert('function launched');
    if(document.getElementById('q1Y').checked || document.getElementById('q2Y').checked || document.getElementById('q3Y').checked) {
        document.getElementById("output1").innerHTML = "Sorry, you don't qualify for our shared ownership properties";
        }
    else {
        document.getElementById("output1").innerHTML = "You may qualify for our shared ownership scheme. Please complete the registration form.";
        }
}       
</script>

函数逻辑过程(){
//警报(“功能启动”);
if(document.getElementById('q1Y').checked | | | document.getElementById('q2Y').checked | | | document.getElementById('q3Y').checked){
document.getElementById(“output1”).innerHTML=“对不起,您没有资格使用我们的共享所有权属性”;
}
否则{
document.getElementById(“output1”).innerHTML=“您可以申请我们的共享所有权计划。请填写注册表。”;
}
}       

您尚未向我们展示如何调用该函数,但很有可能您这样做是为了响应按下表单的提交按钮

这将修改DOM,然后提交表单,这将导致加载新页面

您需要取消表单的默认行为以停止其提交

function logicProcess(evt) {
    // All your other code
    evt.preventDefault();
}
document.getElementById('myForm').addEventListener('submit', logicProcess);

您尚未向我们展示如何调用该函数,但很可能您这样做是为了响应按下表单的提交按钮

这将修改DOM,然后提交表单,这将导致加载新页面

您需要取消表单的默认行为以停止其提交

function logicProcess(evt) {
    // All your other code
    evt.preventDefault();
}
document.getElementById('myForm').addEventListener('submit', logicProcess);

innerHTML不保持可见的原因是有某种类型的onclick方法正在重置表单。如果这是真的,请按如下方式编辑onclick方法:

onClick="function();return false;"

这里的变化是;返回false

innerHTML不可见的原因是因为存在某种类型的onclick方法正在重置表单。如果这是真的,请按如下方式编辑onclick方法:

onClick="function();return false;"

这里的变化是;返回false

按钮是否也提交表单(或执行其他导航)?两个词:prevent Default按钮是否也提交表单(或执行其他导航)?两个词:prevent defaultAh ok。它被称为:我有资格吗?所以我需要取消submit按钮的默认行为?我通过在button元素中添加'type=“button”'解决了这个问题。谢谢大家的帮助。啊,好的。它被称为:我有资格吗?所以我需要取消submit按钮的默认行为?我通过在button元素中添加'type=“button”'解决了这个问题。谢谢大家的帮助。