Question

我使用插件进行下拉菜单，阻止我在选择下拉选项时使用change()来查找。我如何对它支持的select()做同样的事情？

我目前有：

<select id="dropdown" name="dropdown">
        <option value="0" data-imagesrc="images/icons/all.png">All Questions</option>
        <option value="1" id="friends" data-imagesrc="images/icons/friends.png">Friends</option>
        <option value="2" data-imagesrc="images/icons/friends_of_friends.png">Friends of Friends</option>
        <option value="3" data-imagesrc="images/icons/network.png"><?php echo $network; ?></option>
        <option value="4" data-imagesrc="images/icons/location.png"><?php echo $location ?></option>
</select>

<script type="text/javascript">

$('#dropdown').ddslick({
showSelectedHTML: false
});

$(document).ready(function() {
    $('#dropdown').select(function() {
        var blah = selected dropdown // mock code
             $.ajax({
                 type: "POST",
                 url: "data.php",
                 data:  {'data': blah},
                 success: function(data) {
                     $('#questions_body').hide().html(data).fadeIn('500');
                 },
                 dataType: "HTML"
        });

    });
});

</script>

Answer 1

我不认为select（）方法与此有任何关系。但是，从插件页面：

onSelected：在下拉列表中选择了一个选项时的回调函数。见上面的演示3。

$('#myDropdown').ddslick({
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});

jQuery：使用select（）而不是change（）</option>选择<option>内容

1 个答案: