IT/development

[jQuery]selectBox change ์ด๋ฒคํŠธ

์•Œ ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž 2022. 11. 24.

๋ชฉ์ฐจ

     

     

    [jQuery]selectBox change

    selectBox์˜ ๊ฐ’์ด ๋ณ€๊ฒฝ๋  ๋•Œ๋งˆ๋‹ค placeholder๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ์˜ˆ์ œ

    $(document).ready(function() {
    	$("#selectBox").change( function() {
    			let val = $("#selectBox option:selected").val();
    			
                switch(val) {
    		    case '1' :
    		    	$("#input1").attr("placeholder", "์‚ฌ์šฉ์ž"); 
    		    	break;
    		    case '2' :
    		    	$("#input1").attr("placeholder", "์—ฐ๋ฝ์ฒ˜");
    		    	break;
    			case '3' :
    				$("#input1").attr("placeholder", "์ด๋ฉ”์ผ");
    		    	break;
                default : 
    				$("#input1").attr("placeholder", "์กฐ๊ฑด์„ ์„ ํƒ ํ•ด์ฃผ์„ธ์š”.");    
    			}
    	  });
    });

    ์ด์™ธ์—๋„ selectBox์˜ ๊ฐ’์„ ์ด์šฉํ•ด์„œ ์—ฌ๋Ÿฌ๊ฐ€์ง€๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

     

    ์ฐธ์กฐ : https://myhappyman.tistory.com/61

     

    ๋Œ“๊ธ€