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

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

QA

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

답변 2

본문

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>
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 16
© SIRSOFT
현재 페이지 제일 처음으로