조건 비교 부분에 대해 질문있습니다.
본문
위 사진처럼 2개,5개,8개 각 개수에 해당하는 가격 있습니다.
검색창에 숫자 5 입력시 5개에 해당하는 가격 5000원 출력 하는 효과를 만들고 싶은데
자바스크립트에서 어덯게 검색창에 값 하고 위에 테이블에 각 개수하고 비교하여
해당하는 가격을 출력하는 소스작업해야 하는지 도움 부탁드립니다.
단 비교 하는 소스는 PHP소스아닌 자바스크립트 함수에서 비교하는 소스를 원합니다.
2일째 삽질하고 있습니다.
머리 터질거 같아요. 도와주세요.
<div id="box">
<ul>
<li>
<span>2개</span>
<input type="hidden" id="price" name="2" value="2000">
</li>
<li>
<span>5개</span>
<input type="hidden" id="price" name="5" value="5000">
</li>
<li>
<span>8개</span>
<input type="hidden" id="price" name="8" value="8000">
</li>
<li><span>검색</span>
<input type="text" id="txt_int">
</li>
</ul>
</div>
답변 1
<div id="box">
<ul>
<li>
<span>2개</span>
<input type="hidden" class="price" data-gae="2" value="2000">
</li>
<li>
<span>5개</span>
<input type="hidden" class="price" data-gae="5" value="5000">
</li>
<li>
<span>8개</span>
<input type="hidden" class="price" data-gae="8" value="8000">
</li>
<li><span>검색</span>
<input type="text" id="txt_int">
</li>
</ul>
</div>
<script type="text/javascript">
document.getElementById("txt_int").addEventListener("change", function(ev){
var choice_gae = this.value; //alert(choice_gae);
var oPrice = document.querySelectorAll(".price");
var isFind = false;
oPrice.forEach(function( obj, idx ){ //alert(obj.getAttribute("data-gae"));
if ( choice_gae == obj.getAttribute("data-gae") ) {
alert("Found! - "+ obj.value);
isFind = true;
}
});
if ( !isFind ) alert("Not Found!");
});
</script>
덕분에 쉽게 해결했네요.
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
