0

私は選択ボックスを持っています。私が持っているいくつかの画像を変更したいのですが、他のいくつかの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>
4

2 に答える 2

0

HTML の例

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

jQueryを使ったJavaScript

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

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

.change() 関数をショートカットとして使用することもできます。

于 2013-05-04T12:51:19.900 に答える
0

これがあなたのhtmlの働きです（画像要素を調べて、src変化していることを確認できます）：http://jsfiddle.net/69GNC/1/

$("#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" });
});

注：このコードに到達したときにDOMにアクセスできることを確認する必要があります。そのため、$document.ready(function() { [code here] });

于 2013-05-04T12:53:53.987 に答える