Я не могу обновить цены, используя .innerHTML

Не могу получить цены на автообновление.

Сделать уникальные идентификаторы; по цене, которую я использую:

id="target_1_<?php echo $product['product_id']; ?>"

и для меню выбора я использую:

id="select_<?php echo $product['product_id']; ?>"

Вот html/php

<?php foreach ($products as $product) { ?>
   <span id="target_1_<?php echo $product['product_id']; ?>"><?php echo $product['price']; ?></span>
 <?php } ?>


<?php if ($product['options']) { ?>
  <?php foreach ($product['options'] as $option) { ?>
  <?php if ($option['type'] == 'select') { ?>

  <select name="option[<?php echo $option['product_option_id']; ?>]" class="select_options" id="select_<?php echo $product['product_id']; ?>" onchange="getIt(this);">

  <?php foreach ($option['option_value'] as $option_value) { ?>
    <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>

     <?php if ($option_value['price']) { ?>
    (<?php echo $option_value['price_prefix']; ?><span id="newPrice"><?php echo $option_value['price']; ?></span>)
    <?php } ?>
    </option>
    <?php } ?>
  </select>
<?php } ?>

........
<?php } ?>

Затем для функции onchange я использую это:

function getIt(el) {
var a = el.options[el.selectedIndex].text;
var position1 = a.indexOf("(");
var position2 = a.indexOf(")");
var position1 = position1+2
var finalA = a.substring(position1, position2); 
document.getElementById("target_1_<?php echo $product['product_id']; ?>").innerHTML = "$"+finalA;
}

alert(finalA) дает нужное мне значение, я просто не могу вернуть его в DOM


javascript php innerhtml getelementbyid
person Travis    schedule 11.10.2012    source источник
comment
проверьте "target_1_<?php echo $product['product_id']; ?>" значение этого предупреждения   -  person XMen    schedule 11.10.2012
comment
JavaScript не может выполнять PHP-код. Попробуйте систему идентификации, которая не использует PHP   -  person javascript is future    schedule 11.10.2012

Ответы (3)


arrow_upward
1
arrow_downward

измените эти два: передайте product_id в функцию getIt

  <select name="option[<?php echo $option['product_option_id']; ?>]" class="select_options" id="select_<?php echo $product['product_id']; ?>" onchange="getIt(this,<?php echo $product['product_id']; ?>);">

используйте id с аргументом productid concanate вместо использования php

function getIt(el, productid) {
var a = el.options[el.selectedIndex].text;
var position1 = a.indexOf("(");
var position2 = a.indexOf(")");
var position1 = position1+2
var finalA = a.substring(position1, position2); 
document.getElementById("target_1_"+productid).innerHTML = "$"+finalA;
}
person XMen    schedule 11.10.2012

arrow_upward
0
arrow_downward

Попробуй это:

function getIt(el) {
var a = el.options[el.selectedIndex].text;
var position1 = a.indexOf("(");
var position2 = a.indexOf(")");
var position1 = position1+2; //BTW , Your forgot ; over here
var product_id = <?php echo $product['product_id']; ?>;
//You always can use: console.log(product_id);
//Then check your browser's console to see this variable value
//In this case , just View Source and make sure that instead of the php line there's a valid
// number (the product's id)
var finalA = a.substring(position1, position2); 
document.getElementById("target_1_"+product_id).innerHTML = "$"+finalA;
}
person Ofir Baruch    schedule 11.10.2012

arrow_upward
0
arrow_downward

Добавьте дополнительный атрибут данных для идентификатора продукта, например data-product-id, в теге выбора.

<select name="option[<?php echo $option['product_option_id']; ?>]"  
  data-product-id = "target_1_<?php echo $product['product_id']; ?>" 
  class="select_options" id="select_<?php echo $product['product_id']; ?>" 
   onchange="getIt(this);">

В Javascript

function getIt(e) {
    //Your part
    document.getElementById(e.getAttribute("data-product-id")).innerHTML = "$"+finalA;
}
person Justin John    schedule 11.10.2012