Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.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/8/svg/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
使用jQuery多选更改SVG颜色_Jquery_Svg - Fatal编程技术网

使用jQuery多选更改SVG颜色

使用jQuery多选更改SVG颜色,jquery,svg,Jquery,Svg,我试图用jQuery和multiple-select更改多个SVG路径的颜色。最初我可以更改颜色,但当取消选择该选项时,SVG仍然会更改颜色 例如,如果我选择Seattle和Bellevue,但随后取消选择每个值,则路径/多边形的颜色仍为红色。如何仅突出显示选定的值 jQuerydocument.readyfunction{ jQueryselect .changefunction{ var值=jQuerythis .儿童:选定 瓦尔先生; jQuerysvg .查找+值 .cssfill,红

我试图用jQuery和multiple-select更改多个SVG路径的颜色。最初我可以更改颜色,但当取消选择该选项时,SVG仍然会更改颜色

例如,如果我选择Seattle和Bellevue,但随后取消选择每个值,则路径/多边形的颜色仍为红色。如何仅突出显示选定的值

jQuerydocument.readyfunction{ jQueryselect .changefunction{ var值=jQuerythis .儿童:选定 瓦尔先生; jQuerysvg .查找+值 .cssfill,红色; } 改变 }; svg{width:400px;} 西雅图 塔科马 贝尔维尤 埃弗里特 阿灵顿 赤褐色的 班布里奇岛 博克斯艺术村 邦尼湖 地狱 布雷默顿 荆棘 布里安 科文顿 得梅因 杜瓦尔 爪子 爱德蒙 联邦方式 吉格港 金条 花岗岩瀑布 伊萨卡 肯莫尔 肯特 科克兰 湖森林公园 史蒂文斯湖 莱克伍德 林伍德 枫树谷 玛丽斯维尔 美世岛 米尔溪 梦露 山湖阶地 弗农山 穆基尔泰奥 纽卡斯尔 诺曼底公园 普雅鲁普 波尔斯波 雷德蒙 伦顿 萨马米什 西塔克 海岸线 西尔弗代尔 势利的 斯坦伍德 苏丹 图奎拉 伍德维尔 伍德韦
我想出了一个解决方案,以防将来有人需要它。我意识到我不是在创建一个数组来工作。我还需要条件语句

//JavaScript文档 jQuerydocument.readyfunction{ jQueryselect .changefunction{ var值=jQuerythis.val; 如果jQuery.inarray,则值!=-1{ jquerysattle.cssfill,f94e32; }否则{ jquerysattle.cssfill,dddddd; } 如果jQuery.inaraytacoma,则值!=-1{ jQueryTacoma.cssfill,f94e32; }否则{ jQueryTacoma.cssfill,dddddd; } 如果jQuery.inaraybellevue,则值!=-1{ jQueryBellevue.cssfill,f94e32; }否则{ jQueryBellevue.cssfill,dddddd; } } 改变 }; svg{width:400px;} 西雅图 塔科马 贝尔维尤 埃弗里特 阿灵顿 赤褐色的 班布里奇岛 博克斯艺术村 邦尼湖 地狱 布雷默顿 荆棘 布里安 科文顿 得梅因 杜瓦尔 爪子 爱德蒙 联邦方式 吉格港 金条 花岗岩瀑布 伊萨卡 肯莫尔 肯特 科克兰 湖森林公园 史蒂文斯湖 莱克伍德 林伍德 枫树谷 玛丽斯维尔 美世岛 米尔溪 梦露 山湖阶地 弗农山 穆基尔泰奥 纽卡斯尔 诺曼底公园 普雅鲁普 波尔斯波 雷德蒙 伦顿 萨马米什 西塔克 海岸线 西尔弗代尔 势利的 斯坦伍德 苏丹 图奎拉 伍德维尔 伍德为