WordPress의 jquery를 사용하여 선택 상자를 동적으로 채우는 방법

Question

PHP 및 jQuery에 문제가 있습니다.이 문제를 해결하기 위해 노력하고 있었지만, 일해야합니다. WordPress를 사용하고 있지만 기본 PHP 및 jQuery 코딩은 WordPress가 둘 이상으로 구성되어 있기 때문에 작동합니다. 그래서 내가 그것에 바로 가자.

모두 거의 PHP에서 루프 foreach을 이해합니다. 이것은 단지 내 예입니다 그러나 당신이 당신의 foreach 루프를 어떻게 중요하지 않습니다

$terms = get_terms($tax); 
    $x = '<select name="'. $tax .'">'; 
    $x .= '<option value="">Select '. ucfirst($tax) .'</option>'; 
    foreach ($terms as $key =>&$term) { 
     $x .= '<option value="' . $term->slug . '">' . $term->name . '</option>' 
    } 
    $x .= '</select>'; 
    return $x; 

및 jQuery를에 그들은 두 개의 별도의 측면에서 발생하는 때문에 내 이해 PHP가 작동하지 않습니다

. 그래서 꽤 많이 내가합시다 :

각 선택 옵션에 대해 나는 당신이 PHP처럼하지만 jQuery에서 동적으로 채워지기를 원했습니다. 이제 jQuery에서 .each 함수를 사용하고 for() 함수를 사용할 수 있습니다.

어떻게하면 $tax이라는 변수에 저장된 배열에있는 PHP의 모든 용어를 가져오고 각 옵션에 내 배열의 내 용어를 채워 넣을 수 있습니까? 모든 예는 훌륭합니다. JSON으로 데이터를 넣고 변수로 때우는하여

Answer 1

시작 : jQuery를 사용하여 쓰는 지금

var arrayFromPHP = <?php echo json_encode($arr); ?> 

은 다음과 비슷한 모습이 될 것입니다 : 내가 이해 한 내용을

$("document").ready(function() { 

$("#my-form").text("<select>"); 

$(arrayFromPHP.items).each(function(index, item) { 
    form.append(
     $(document.createElement('option')).text(item) 
    ); 
}); 

$("#my-form").append("</select>"); 
}); 

Answer 2

입니다 당신은 PHP 배열에서 값을 jquery로 가져오고 Jquery에서 원하는 값을 조작하고 싶습니다.

나는 $ terms ar을 인쇄 할 것을 제안합니다. ray를 jquery에 위치시키려는 JSON 객체의 배열로 복사합니다.

<script> 
var taxArray= [{itemName:book,taxPrice:10,TaxPercentage:12}, {itemName:pencil,taxPrice:10,TaxPercentage:12}] 
</script>