2011-02-01 136 views
0

假設我們有一個表單字段,並希望使用基於其他兩個字段的圖像填充表單字段。說這些叫做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; 
} 

回答

0

要建立在geoffs3310的回答上面,你可以很容易地結合起來,與阿賈克斯做一些更復雜的邏輯,甚至建立從數據庫中您的自定義內容。

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; 
0

缺少你爲什麼不無論是在頁面加載或使用事件處理程序剛剛得到的表單輸入值,然後你根據想要的東西他們例如有

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

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

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