求个jscript脚本语法

52007

一个下拉框里想获取option里的url并赋值给<img id="imgurl" src=""/>img标签里的src上。有没大哥帮帮忙，

Vvvvvoid

[HTML] 纯文本查看 复制代码

<select name="" id="select_id" onchange="getOption()">
    <option value="">plz choose</option>
    <option value="https://static.52pojie.cn/static/image/common/logo.png">option1</option>
    <option value="https://www.52pojie.cn/logo.gif">option2</option>
</select>


<img id="imgurl" src="" />
<script>
    var img_node = document.getElementById("imgurl");
    console.log("imgurl : " + img_node.src);

    var getOption = function () {
        var objS = document.getElementById("select_id");
        img_node.src = objS.options[objS.selectedIndex].value
        console.log("imgurl : " + img_node.src);
    }
</script>

fenginsc

Jquery:

[JavaScript] 纯文本查看 复制代码

$("#imgurl").attr("src",$("#attrib-1").val());

wangjianjilei

直接拿jq写很舒服的，不过因为js是动态输入的，所以你再使用检索的时候会发生冒泡，检索到另一个副本，这里就设计生命周期的问题，用vue吧

52007

wangjianjilei 发表于 2020-8-8 11:09
直接拿jq写很舒服的，不过因为js是动态输入的，所以你再使用检索的时候会发生冒泡，检索到另一个副本，这里 ...

js懂的不懂，不过还是谢谢。楼上给的已经可以完美解决了

hwp_better

wangjianjilei 发表于 2020-8-8 11:09
直接拿jq写很舒服的，不过因为js是动态输入的，所以你再使用检索的时候会发生冒泡，检索到另一个副本，这里 ...

提升难度！