{"id":3760,"date":"2020-09-16T01:53:24","date_gmt":"2020-09-15T16:53:24","guid":{"rendered":"https:\/\/www.programming-se.com\/?p=3760"},"modified":"2020-09-16T01:53:25","modified_gmt":"2020-09-15T16:53:25","slug":"jquery-this%e3%81%a7option%e3%81%ae%e6%83%85%e5%a0%b1%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b-%e5%82%99%e5%bf%98%e9%8c%b2","status":"publish","type":"post","link":"https:\/\/www.programming-se.com\/?p=3760","title":{"rendered":"jQuery $(this)\u3067option\u306e\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b \u5099\u5fd8\u9332"},"content":{"rendered":"\n

jQuery\u3092\u5229\u7528\u3057\u3066\u52d5\u7684\u306boption\u306edata()\u3092\u53d6\u5f97\u3057\u305f\u304f\u8abf\u3079\u305f\u5185\u5bb9\u306e\u5099\u5fd8\u9332\u3067\u3059\u3002<\/p>\n\n\n\n

$(this)\u3092\u5229\u7528\u3057\u3066\u9078\u629e\u3055\u308c\u305foption\u3092\u53d6\u5f97<\/h2>\n\n\n\n

class\u3084ID\u3092\u5229\u7528\u3059\u308b\u5834\u5408\u306f\u306e\u8a18\u8ff0\u306f\u300c$(‘.className option:selected’).val()\u300d\u306a\u3069\u3067\u3059\u304c\u300c$(this)<\/span><\/strong>\u300d\u3092\u5229\u7528\u3057\u305f\u5834\u5408\u3001class\u3084ID\u3068\u306f\u8a18\u8ff0\u65b9\u6cd5\u304c\u7570\u306a\u3063\u3066\u3044\u308b\u3088\u3046\u3067\u3059\u3002<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"utf-8\">\n<title>jQuery<\/title>\n\n<select id=\"sel\">\n<option value=\"1\" data-test=\"\u30c6\u30b9\u30c81\">\u30c6\u30b9\u30c81<\/option>\n<option value=\"2\" data-test=\"\u30c6\u30b9\u30c82\">\u30c6\u30b9\u30c82<\/option>\n<\/select>\n\n<script src=\"*****\/jquery.min.js\"><\/script>\n<script>\n$(function() {\n $('.sel').on('change',function(){\n $(\"option:selected\", this).data('test');\n $(\"option:selected\", this).val();\n });\n});\n<\/script>\n<\/body>\n<\/html><\/pre><\/div>\n\n\n\n
option\u306e\u60c5\u5831\u3092\u5168\u3066\u53d6\u5f97<\/h2>\n\n\n\n
\u3067\u306foption\u306e\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u5834\u5408\u306f\u300ceach()<\/span><\/strong>\u300d\u3092\u5229\u7528\u3059\u308c\u3070\u7c21\u5358\u306b\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
$('.sel option').each(function() {\n $(this).val();\n});<\/pre><\/div>\n\n\n\n
\n\t
\n\t\t
\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t<\/div>\n\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t\tjQuery\u6700\u9ad8\u306e\u6559\u79d1\u66f8 [ \u30b7\u30d5\u30c8\u30d6\u30ec\u30a4\u30f3 ]<\/a>\t\t\t\t\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t\t\t\t
created by Rinker<\/a><\/div>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\tjQuery\u3092\u3053\u3088\u306a\u304f\u611b\u3059\u308b\u30c8\u30c3\u30d7\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u304c\r\n\u57fa\u672c\u7684\u306a\u4ed5\u7d44\u307f\u304b\u3089\u3001\u5b9f\u52d9\u3067\u6d3b\u304b\u305b\u308b\u73e0\u7389\u306e\u30c6\u30af\u30cb\u30c3\u30af\u307e\u3067\u3092\u5fb9\u5e95\u8a73\u89e3! \r\n\u7d4c\u9a13\u306b\u88cf\u4ed8\u3051\u3089\u308c\u305f\u300c\u308f\u304b\u308a\u306b\u304f\u3044\u30dd\u30a4\u30f3\u30c8\u300d\u3092\u62bc\u3055\u3048\u305f\u89e3\u8aac\u3060\u304b\u3089\r\n\u78ba\u304b\u306a\u57fa\u790e\u529b\u3068\u3001\u5b9f\u52d9\u3067\u6d3b\u304b\u305b\u308b\u5b9f\u8df5\u529b\u3092\u8eab\u306b\u3064\u3051\u3089\u308c\u308b! \t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t