JavaScript DOM问题

我想在var h1中获取id为“rankono”的selectbox的值，然后在该值下面使用h1的部分更改我的iframe src。如果你看到我试图描述我要找的代码

这是我试过的代码

<script>
 var classNumber = document.getElementById('rankdos'); //RANK BILDE 1
classNumber.onchange = runBackgroundChangeDos;

function runBackgroundChangeDos(first){
    var value = first.srcElement.options[first.srcElement.selectedIndex].value;
var h1 = //HERE I LOOOKING FOR WHAT TO TYPE TO GET VALUE OF SELECT WHIT ID rankono
    if (value == 0) {
        document.getElementById('rankimgdos').style.backgroundImage="url('http://localhost/36h8f93.png')"; 
        document.getElementById("PriceFrame").src = "http://www.nordicelite.net/testing/payment.php?crank="h1"&drank=0"; //here i need h1 to show value of select whit id rankono
    } else {
        document.getElementById('rankimgdos').style.backgroundImage="url('http://localhost/rgeg.png')";
    document.getElementById("rankto").innerHTML = "None";
    };
}
</script>

var classNumber=document.getElementById（'rankdos'）//第1级
classNumber.onchange=runBackgroundChangeDos；
函数runBackgroundChangeDos（第一个）{
var value=first.srcelelement.options[first.srcelelement.selectedIndex].value；
var h1=//这里我正在查找要键入什么来获取SELECT的值，该值的ID为rankono
如果（值==0）{
document.getElementById（'rankimgdos'）.style.backgroundImage=“url（'http://localhost/36h8f93.png')"; 
document.getElementById（“PriceFrame”）.src=”http://www.nordicelite.net/testing/payment.php?crank=“h1”&d=0；//这里我需要h1来显示select的值，其id为rankono
}否则{
document.getElementById（'rankimgdos'）.style.backgroundImage=“url（'http://localhost/rgeg.png')";
document.getElementById（“rankto”）.innerHTML=“无”；
};
}

首先获取值

var h1 = document.getElementById('rankono').value;

然后按如下方式使用：

document.getElementById("PriceFrame").src = "http://www.nordicelite.net/testing/payment.php?crank=" + h1 + "&drank=0";

如果要将字符串与JS中的变量连接起来，请使用

var variable = 'bar';
var str = 'Foo' + variable + 'baz';
console.log(str) // Foobarbaz

---

如果您的浏览器支持ES-2015功能，则可以使用模板字符串：

var variable = 'bar';
var str = `Foo${variable}baz`;
console.log(str); // Foobarbaz