JavaScript DOM problems

JavaScript DOM problems

本文关键字：problems DOM JavaScript      更新时间：2024-05-29

我想在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 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
相关文章：