Javascript DIV未在更改时更新

我试图制作一个页面，用户可以在两个产品之间进行选择，并在两个字段中输入一些文本，这两个字段将附加在链接的末尾。如果我先输入文本，然后选择选项，则我的页面可以工作。但是，如果我先选择产品选项，则文本不会追加，如果我尝试在显示链接后更新字段中的文本，则文本保持不变。我是一个JavaScript的初学者，所以如果您能给我一些关于哪里出错的建议，我将不胜感激

功能产品变更（产品）{
var val=产品价值
var idTag=document.getElementById（“idTag”）；
var trackingTag=document.getElementById（“trackingTag”）；
如果（val==‘电影’）{
document.getElementById（'divProductChangeLinkTitle'）。innerHTML='您的电影链接是：'；
document.getElementById（'divProductChangeFinalMovLink'）。innerHTML='https://www.link/MOVIES?cid='+idTag.value+'&omniture='+trackingTag.value；
}否则{
document.getElementById（'divProductChangeLinkTitle'）。innerHTML='您的ents链接是：'；
document.getElementById（'divProductChangeFinalMovLink'）。innerHTML='https://www.link/ENTS?cid='+idTag.value+'&omniture='+trackingTag.value；
}
}
电影：

Ents：



ID:

追踪：

功能产品变更（产品）{
var val=document.querySelector（'input[type=“radio”][name=“ProductRadio”]:checked'）。值；
var idTag=document.getElementById（“idTag”）；
var trackingTag=document.getElementById（“trackingTag”）；
如果（val==‘电影’）{
document.getElementById（'divProductChangeLinkTitle'）。innerHTML='您的电影链接是：'；
document.getElementById（'divProductChangeFinalMovLink'）。innerHTML='https://www.link/MOVIES?cid='+idTag.value+'&omniture='+trackingTag.value；
}否则{
document.getElementById（'divProductChangeLinkTitle'）。innerHTML='您的ents链接是：'；
document.getElementById（'divProductChangeFinalMovLink'）。innerHTML='https://www.link/ENTS?cid='+idTag.value+'&omniture='+trackingTag.value；
}
}
电影：

Ents：



ID:

追踪：

在您的方法中，当输入文本发生onChange事件时，val未定义，因为您没有传递任何内容，所以在productChange（）方法中，您可以直接获取单选按钮值，我在您的代码中做了一些更改，请检查-

HTML-

Movies: <input name="ProductRadio" type="radio" value="Movies" onclick='productChange()' id="MoviesRadio" /><br>
Ents: <input name="ProductRadio" type="radio" value="Entertainment" onclick='productChange()' id="EntsRadio" />
<br><br>
ID: <input type="text" id="idTag" onchange="productChange()"><br>
Tracking: <input type="text" id="trackingTag" onchange="productChange()">
<br><br>
<div align="center" id="divProductChangeLinkTitle"></div>
<br><br>
<div id="divProductChangeFinalMovLink" style="color: #000000;"></div>

电影：

Ents：



ID:

追踪：

Javascript-

function productChange() {

        var val = document.querySelector('input[type="radio"][name="ProductRadio"]:checked').value; 
        var idTag = document.getElementById("idTag").value;
        var trackingTag = document.getElementById("trackingTag").value; 

        if (val == 'Movies' && idTag && trackingTag) {
           document.getElementById('divProductChangeLinkTitle').innerHTML = '<span style="color: #680091;">Your movies link is:</span>';
           document.getElementById('divProductChangeFinalMovLink').innerHTML = 'https://www.link/MOVIES?cid=' + idTag + '&omniture=' + trackingTag;
        } else if(val=='Entertainment'  && idTag && trackingTag){
            document.getElementById('divProductChangeLinkTitle').innerHTML = '<span style="color: #FF7000;">Your ents link is:</span>';
            document.getElementById('divProductChangeFinalMovLink').innerHTML = 'https://www.link/ENTS?cid=' + idTag + '&omniture=' + trackingTag;

        }
    }

函数productChange（）{
var val=document.querySelector（'input[type=“radio”][name=“ProductRadio”]:checked'）。值；
var idTag=document.getElementById（“idTag”）.value；
var trackingTag=document.getElementById（“trackingTag”）.value；
如果（val='Movies'&&idTag&&trackingTag）{
document.getElementById（'divProductChangeLinkTitle'）。innerHTML='您的电影链接是：'；
document.getElementById（'divProductChangeFinalMovLink'）。innerHTML='https://www.link/MOVIES?cid=“+idTag+”&omniture=”+trackingTag；
}else if（val=='Entertainment'&&idTag&&trackingTag）{
document.getElementById（'divProductChangeLinkTitle'）。innerHTML='您的ents链接是：'；
document.getElementById（'divProductChangeFinalMovLink'）。innerHTML='https://www.link/ENTS?cid=“+idTag+”&omniture=”+trackingTag；
}
}

---

现在，如果选择了单选按钮，并且两个输入都有一些值，则只会显示链接

嘿，上面的代码正在工作，但您还需要设置一个条件，以检查至少一个单选按钮，然后填充输入值，否则直接填充这些输入文本字段会出现错误。 因此，需要检查一个单选按钮