동적으로 value값을 추가할때 중복문제입니다...

동적으로 value값을 추가할때 중복문제입니다...

QA

동적으로 value값을 추가할때 중복문제입니다...

본문

HTML


<input type="text" value="">
<select>
    <option value="abc">선택1</option>
    <option value="bcd">선택2</option>
    <option value="cde">선택3</option>
</select>
<button>value 넣기</button>

 

JAVASCRIPT


$('button').click(function(){
    var $value = $('select').val();
    var $value_result = $('input').val();
    if($('input').val() == ''){
        $('input').val($value);
    } else {
        $('input').val($value_result + ',' + $value);
    }
});

 

안녕하세요? 점심은 맛있게 드셨나요? ^^

button을 눌렀을때 input에 value값이 누적되게 만들었습니다.

그런데 같은 value값이 들어가면 경고창이 뜨면서 추가가 안되게 하고싶습니다.

이 질문에 댓글 쓰기 :

답변 2


$('button').click(function(){
    var $value = $('select').val();
    var $value_result = $('input').val();
    if($('input').val() == ''){
        $('input').val($value);
    } else {
        if ($value_result.indexOf($value) < 0) {   // 이문장을 추가해보세요
            $('input').val($value_result + ',' + $value);
        }
    }
});

빨간부분 추가해보세요.
<script>
    $('button').click(function(){
        var $value = $('select').val();
        var $value_result = $('input').val();
        if($('input').val() == ''){
            $('input').val($value);
        } else {
            
            if($.inArray( $value, $value_result.split(","))>=0){
                alert('이미있음');
                return false;
            }
            $('input').val($value_result + ',' + $value);
        }
    });
</script>
답변을 작성하시기 전에 로그인 해주세요.
전체 123,532 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT