td클릭시 rel의 값을 input으로 넘기는게 어떻게 하면 되나요?
본문
안녕하세요.
드롭다운 메뉴를 클릭하면 해당 값이 input과 <span>요기</span>에 넣어야 되는 작업이 있습니다만
방법을 몰라서 질문 드립니다.
일단 제가 작업중인 사이트는 http://risette.sitecook.kr/ab-1158 여기인데요
현제 보증금부분을 클릭하면 밑으로 메뉴가 노출되도록은 작업을 했습니다.
문제는 메뉴의 값을 클릭시 그 값이 메뉴 상단 text input과 최초 메뉴인 보증금(0만원~무제한)이 부분에도
들어가야 합니다....밴치 사이트는 http://yes8883400.com/sub/estate_search.php?category_index=1 여기인데요, 이런게 jquery로 가능한가요? 예제라던지 그런걸 좀 알려주시면 감사드리겠습니다.
답변 1
아래 소스를 응용해서 만드시면 됩니다.
$(function() {
$(".estate_range").on("click", "td", function() {
var idx = $("td").index(this); // td를 클릭한 위치
var price = $("table.estate_range td").eq(idx).attr("rel"); //클릭한 td의 rel 값을 가져온다.
console.log(price); // 확인용........
});
});
좌측, 우측이 모두 TD이므로 짝수, 홀수로 나누어 값을 각각 원하는 위치로 보내주면 될겁니다.
감사합니다. 해보겠습니다!!
질문 하나만 더 드릴께요...
일단
<script type="text/javascript">
$(function(){
$('table.estate_range td').on('click', function(){
var $menu_name = $(this).parents('div.menu_name');
var $menu_down = $(this).parents('div.menu_down');
var $menu_value = $(this).attr('rel');
if($(this).index() > 0){
$menu_down.find('input').last().val($menu_value).trigger('blur').trigger('change');
$menu_name.find('span.estate_sell_price strong').last().val($menu_value).trigger('blur').trigger('change');
} else{
$menu_down.find('input').first().val($menu_value).trigger('blur').trigger('change');
$menu_down.find('span.estate_sell_price strong').first().val($menu_value).trigger('blur').trigger('change');
// $('.menu_down').hide();
}
});
})
</script>
이렇게 해서 input 에는 값이 들어가긴하는데 span 안쪽에 문자가 적용이 안되네요....
구분을 위해 바뀌야되는 부분을 <strong>으로 감싸긴 했는데 span안의 text에도 적용시키려면 어떻게 해야될까요?;;;