jquery在select上更改图像src和div位置

我有一个选择框，我想要onchange，我拥有的一些图像会改变，而其他一些div会改变它们的css:top，right值，我如何使用Jquery做到这一点

这段代码现在不在jquery中，它不会改变其他div的右上方

<script type="text/javascript">
    function swapImage(){
        var image = document.getElementById("img");
        var dropd = document.getElementById("text");
        image.src = dropd.value;    
    };
</script>

<select id="text" onChange="swapImage()" style="width:70px;">
    <option value="images/1.jpg">1</option>
    <option value="images/2.jpg">2</option>
    <option value="images/3.png">3</option>
</select>

示例HTML

---

如果愿意，您也可以使用作为快捷方式。

这是您的html工作，您可以检查图像元素以查看src正在更改：

---

注意：当到达此代码时，您需要确保dom是可访问的，因此可以将其包装在$document.readyfunction{[code here]}中

你试过什么吗？如果是，请出示你的密码你试过什么吗？作为将来的参考，如果你先尝试一些东西，然后展示你已经尝试了什么以及为什么你被卡住了，你通常会从这里的用户那里得到更好的响应。。。我不是一开始就让别人帮你做工作，而是添加了我现在拥有的示例，你有jquery对吗？您询问了jquery并标记了jquery，但没有使用任何jquery。谢谢您的重播，但它对我不起作用。编写代码：$document.readyfunction{$tractic.onchange，function{$pg.css{top:10px，left:15px}；}；它什么也不做。此外，我希望Div将根据selectd选项进行更改。您需要提供更多有关如何更改Div的详细信息。此外，您第一个关心的不是图像更改吗？你甚至没有把它包括在你的代码中。你能澄清你正在做什么和正在发生什么吗？下面是一个例子，根据所选选项，div的移动方式有所不同：Thank you smerny。改变了一些东西广告现在它的工作很好：

<select id='my-select-box'>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
</select>

$('#my-select-box').on('change', doStuff());

function doStuff(){
  //change an image
  //move some divs
}

$("#text").on("change", function() {
    $("#img").prop("src", $(this).val());
    // you could also add something like this for your other req.:
    // $("#otherDiv").css({"top": "10px", "left": "15px" });
});