두 개의 다른 필드를 기반으로 양식 필드를 동적으로 채 웁니다.

Question

양식 필드가 있고 다른 두 필드를 기반으로하는 이미지로 채우려한다고 가정 해보십시오. 이것들을 COLOR 및 STYLE이라고 부릅니다. 따라서 스타일이 'A'이고 색상이 검정 인 경우 이러한 선택을 나타내는 고유 한 이미지를 표시하려고합니다. 스타일이 'B'이고 검은 색이면 다른 이미지입니다.

은 그럼 왜 페이지로드 당신이 중 하나를 해달라고하거나 양식 입력의 가치를 한 다음에 따라 원하는 것을 할 이벤트 핸들러를 사용하여 다음?

add_filter("pre_render", "populate_dropdown"); 

function populate_dropdown($form){ 

    if($form["id"] != 1) 
     return $form; 

    foreach($form["fields"] as &$field) 
     if($field["id"] == 1){ 
      $field["content"] = "DYNAMIC STUFF HERE"; 
     } 

    return $form; 
} 

Answer 1

예를 들어, 당신은 쉽게 아약스와 함께 좀 더 복잡한 논리를 수행하거나 데이터베이스에서 사용자 정의 컨텐츠를 구축 할 수 있음을 결합 할 수 있습니다.

style = $('#style').val(); 
color = $('#color').val(); 

$.ajax({ 
    type: "POST", 
    url: "get_image.php" 
    data: { "style" : style, "color" : color }, 
    success: function(msg) { 
      $("#image_field").html('<img src="' + msg + '" />'); 
    } 
}); 

그리고 get_image.php에서 :

$color = $_POST['color']; 
$style = $_POST['style']; 
var $image; 

// Logic goes here, setting $image to the appropriate image link 

echo $image; 

Answer 2

에서 누락 무엇을 위의 geoffs3310의 대답에 구축 할

$(document).ready(function() { 
    style = $('#style').val(); 
    color = $('#color').val(); 

    if(style=='A' && color=='black') { 
     // do something 
    } 

    if(style=='B' && color=='black') { 
     // do something 
    } 
});