52007 发表于 2020-8-8 10:26

求个jscript脚本语法


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

Vvvvvoid 发表于 2020-8-8 10:43

<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.value
      console.log("imgurl : " + img_node.src);
    }
</script>

fenginsc 发表于 2020-8-8 10:44

本帖最后由 fenginsc 于 2020-8-8 10:46 编辑

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

wangjianjilei 发表于 2020-8-8 11:09

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

52007 发表于 2020-8-8 11:23

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

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

hwp_better 发表于 2020-8-8 11:55

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

提升难度!
页: [1]
查看完整版本: 求个jscript脚本语法