获取选定的单选按钮和隐藏值

时间:2015-09-19 07:00:55

标签: javascript php jquery

我有动态单选按钮。我已经获得了所选单选按钮的值和绑定到它的隐藏输入类型的值。我有一个隐藏的输入类型,使用

传递选项ID
<input type="radio" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" />
<input type="hidden" name="sareeOptionId" value="<?php echo $opvalue->getId(); ?>" />

这是完整的代码:

  foreach ($productCollection->getOptions() as $value) {
        echo "Custom Option TITLE: <strong>" . $value->getTitle() . "</strong><br/>";

        $values = Mage::getSingleton('catalog/product_option_value')->getValuesCollection($value);
        foreach($values as $opvalue){
            ?>
            <?php  echo $opvalue->getTitle(); ?>

            <input type="radio" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" />
            <input type="hidden" name="sareeOptionId" value="<?php echo $opvalue->getId(); ?>" />

        <?php
        }

在我的Javascript文件中,我使用以下代码

var data = $j('#customoption').serializeArray(); //customoption is form id
alert(data);

我从<?php echo $opvalue->getTitle(); ?>的单选按钮值中获取了正确的选定标签,但未从<?php echo $opvalue->getTitle(); ?>获得相应的值ID。它提供了所有id值。

enter image description here

2 个答案:

答案 0 :(得分:1)

这是因为每个隐藏的输入都是表单的唯一元素,其值不依赖于其他表单,而单选按钮列表则不是这样。

据我所知,您需要所选单选按钮的相应隐藏值;你能做的是

  1. 创建一个隐藏字段。
  2. 使用属性data-sareeOptionId = <?php echo $opvalue->getId(); ?>
  3. 创建单选按钮
  4. 在更改单选按钮时,使用javascript使用更改事件,使用单选按钮的data-sareeOptionId填充隐藏字段。
  5. 序列化表单。
  6. 代码流程:Radio option

    <input type="radio" data-sareeOptionId="<?php echo $opvalue->getId(); ?>" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" />
    

答案 1 :(得分:0)

因为您sareeOptionId全部为name

将它们设为不同的name,并且不会将它们合并为一个值