Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/23.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.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
Html 我想使用jquery使optionvalue元素能够显示一些内容并排除其他内容_Html - Fatal编程技术网

Html 我想使用jquery使optionvalue元素能够显示一些内容并排除其他内容

Html 我想使用jquery使optionvalue元素能够显示一些内容并排除其他内容,html,Html,我试图通过使用select属性来显示一些公文包内容,但什么也没发生。基本上,它是排序和显示 这是我的密码: <div id="selection"> <span>Projets: </span> <select name="" id="options"> <option class="option" value="1" data-filter="all">All</opt

我试图通过使用select属性来显示一些公文包内容,但什么也没发生。基本上,它是排序和显示

这是我的密码:

  <div id="selection">
        <span>Projets: </span>
        <select name="" id="options">
            <option class="option" value="1" data-filter="all">All</option>
            <option class="option" value="2" data-filter="blab">blab</option>
            <option class="option" value="3" data-filter="blob">blob</option>
            <option class="option" value="4" data-filter="blib">blib</option>
            <option class="option" value="5" data-filter="bleb">bleb</option>
            <option class="option" value="6" data-filter="bldb">bldb</option>
        </select>
    </div>

<div class="box filter website">Website</div>
<div class="box filter graphics">Graphics</div>
<div class="box filter psd">PSD</div>
<div class="box filter logo">Logo</div>
<div class="box filter application">Application</div>        
<div class="box filter website">Website</div>
<div class="box filter graphics">Graphics</div>
<div class="box filter psd">PSD</div>
<div class="box filter logo">Logo</div>
<div class="box filter application">Application</div>        
    <div class="box filter website">Website</div>
    <div class="box filter graphics">Graphics</div>
    <div class="box filter psd">PSD</div>
    <div class="box filter logo">Logo</div>
    <div class="box filter application">Application</div>
    <div class="box filter psd">PSD</div>
我做错了什么

谢谢,
C.

选择
是div,单击时将触发click事件,更好的选择是实现事件的更改

var值=$(this.attr(“数据过滤器”)语法
将是div元素,它没有您需要的属性

我不知道你们想做什么,但你们可以像下面这样得到所选选项的值

$(document).ready(function(){
        $("#options").change(function(){
            var value = $("#options").find(":selected");
            value = value.attr("data-filter");
            if(value == "all"){
                // Do Your Stuff
            }
            else {
                // Do Your Stuff
            }
        })    
    });

选择
为div,单击时将触发click事件,更好的选择是实现事件的更改

var值=$(this.attr(“数据过滤器”)语法
将是div元素,它没有您需要的属性

我不知道你们想做什么,但你们可以像下面这样得到所选选项的值

$(document).ready(function(){
        $("#options").change(function(){
            var value = $("#options").find(":selected");
            value = value.attr("data-filter");
            if(value == "all"){
                // Do Your Stuff
            }
            else {
                // Do Your Stuff
            }
        })    
    });
$(.option”).show(“1000”)
$(.option”).show(“1000”)