안녕 얘들 아 나는 제품 필터링을하고 있는데 어떻게 할 수 있을지 모르겠다.
선택한 값의 값을 가져 와서 자바를 사용하여
경고하지만 문제는 어떻게 표시 할 수 있습니까? 또한 x 버튼을 클릭하여 선택한 카테고리를 제거 할 수 있습니다. 여기 샘플 페이지.
도움 주셔서 대단히 감사합니다. 여기 제품 필터링 PHP
<script>
jQuery("#filter").val()
jQuery(function(){
jQuery(".product-line").each(function(index) {
var url = '<?php echo $upload_url; ?>';
var desc_id = jQuery(this).eq(0).find('.prod-desc').attr('id');
if(desc_id){
var file_url = url + desc_id + '/description.html';
jQuery('#'+desc_id).eq(0).load(file_url);
}
});
jQuery("#brand,#screen_size,#cpu,#memory,#price").change(function() {
var brand = jQuery("#brand").val();
var screen_size = jQuery("#screen_size").val();
var cpu = jQuery("#cpu").val();
var memory = jQuery("#memory").val();
var price = jQuery("#price").val();
var categories =[];
if(brand)
{
categories.push(brand);
}
if(screen_size)
{
categories.push(screen_size);
}
if(cpu)
{
categories.push(cpu);
}
if(memory)
{
categories.push(memory);
}
if(price)
{
categories.push(price);
}
length = categories.length;
categories2 = categories.toString();
alert(categories2);
var categories3="";
for(var i = 0; i < length; i++){
categories3 += "<div class='filter_style'>"+categories[i]+"<span style='margin-left:15px;color:gray;'>x</span></div>";
jQuery("#filter").html(categories3);
}
});
});
</script>
: 가능성이있다
<div style="margin-bottom:5px;">
<select class="form-control product-type" id="brand" >
<option value="">Select a Brand</option>
<option value="Lenovo">Lenovo</option>
<option value="Acer">Acer</option>
</select>
</div>
<div style="margin-bottom:5px;">
<select class="form-control product-type" id="screen_size" style="margin-top:0px;">
<option value="">Select a Screen Size</option>
<option value="Small">Small</option>
<option value="Large">Large</option>
</select>
</div>
<div style="margin-bottom:5px;">
<select class="form-control product-type" id="cpu">
<option value="">Select a CPU</option>
<option value="Intel">Intel</option>
<option value="Amd">Amd</option>
</select>
</div>
<div style="margin-bottom:5px;">
<select class="form-control product-type" id="memory">
<option value="">Select a Memory</option>
<option value="500mb">500mb</option>
<option value="1tb">1tb</option>
</select>
</div>
<div style="margin-bottom:5px;">
<select class="form-control product-type" id="price">
<option value="">Filter by Price</option>
<option value="10000">10000</option>
<option value="20000">20000</option>
</select>
</div>
</div>
이렇게하면 서버 측 처리가 나에게 소리 지어집니다. 사용자 입력을 받아서 아약스를 통해 서버로 보내고 전달 된 매개 변수와 일치하는 제품 만 반환하고 표시합니다. 당신이 클라이언트 쪽을하기를 고집한다면, 우리는 당신의 HTML에 대해 더 많은 것을 알 필요가 있습니다. 당신은 우리에게 전혀 보이지 않는 것을 .... – DelightedD0D
x 버튼은 어디에 있습니까? – Fiido93
@ Fiido93 코드를 업데이트했습니다. 나는 이미 그것을 표시했다. 지금 당장 유일한 문제는 x 버튼을 한번 클릭하면 어떻게 카테고리를 제거 할 수 있는가이다. –