Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery在多选列表中提供了什么事件?_Jquery_Ajax_Select - Fatal编程技术网

jQuery在多选列表中提供了什么事件?

jQuery在多选列表中提供了什么事件?,jquery,ajax,select,Jquery,Ajax,Select,我试图让我的多选列表响应鼠标的选择(假设总是一个选择)。假设我有以下多重选择。当用户选择第一个值时,我希望在中显示图像,但是,我不确定如何使用jQuery触发选择事件 <div class="controls"> <select name="images" class="input-xlarge" multiple="multiple"> <option value="http://localhost/1402

我试图让我的多选列表响应鼠标的选择(假设总是一个选择)。假设我有以下多重选择。当用户选择第一个值时,我希望在
中显示图像,但是,我不确定如何使用jQuery触发选择事件

<div class="controls">
            <select name="images" class="input-xlarge" multiple="multiple">
                <option value="http://localhost/1402974103387.jpg">http://localhost/1402974103387.jpg</option>
                <option value="http://localhost/1402974103891.png">http://localhost/1402974103891.png</option>
                <option value="http://localhost/1402974103212.gif">http://localhost/1402221323231.gif</option>

            </select>
        </div>
<div class="displayimage"> </div>

http://localhost/1402974103387.jpg
http://localhost/1402974103891.png
http://localhost/1402221323231.gif

您可以使用
。单击()

$('select')。单击(函数(){
var src=$(this.val();
如果($('.displayimage img')。长度==0){
$('.displayimage')。追加($('

$('select')。单击()
?这与jQuery没有多大关系,因为有很多标准的JS事件也应该涵盖这种情况:OP对
选择使用
多个
,因此没有菜单可打开。
。更改
可能仍然有效。
$('select').click(function() {
    var src = $(this).val();
    if ($('.displayimage img').length == 0) {
        $('.displayimage').append($('<img/>'))
    }
    $('.displayimage img').attr('src', src);
});