将按钮选项的一部分切换为收音机

Question

好的，伙计们，我的问题是我需要展示一些颜色图片，人们可以使用这些图片来挑选封面的颜色。现在它设置为下拉菜单，只有 select 颜色，但我们想将其切换为颜色。

这是我们现在设置的代码。

          <select name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control">


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

            <option value="<?php echo $option_value['product_option_value_id']; ?>" 
            <?php if(array_key_exists('poid', $_REQUEST)) { ?>
            <?php if($option_value['product_option_value_id']==$_REQUEST['poid']){ echo "selected"; }}?>>

            <?php echo $option_value['name'];    ?>


            <?php if ($option_value['price']) { ?>
            (<?php echo $option_value['price_prefix']; ?>
            <?php echo $option_value['price']; ?>)
            <?php } ?>
            </option>

            <?php } ?>
          </select>

这就是我到目前为止的想法。

        <?php if ($options) { ?>
        <?php foreach ($options as $option) {  ?>
        <?php foreach ($option['product_option_value'] as $option_value) {  

        //echo $option_value['image']; 

        if($option_value['image']){    ?>

        <div class="button">
        <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="input-option<?php echo $option['product_option_id']; ?>" />
        <img src="<?php echo $option_value['image']?>" />
        <label "<?php echo $option_value['name'];?>" </label>
        </div>



       <?php }}} }?>

另一个问题是我们还有其他按钮选项需要继续为其他 select 离子工作。

Answer 1

您的 <label> 语法错误。它应该产生：

<label for="button ID">Name</label>

但您正在打印：

<label "Name" </label>

或者您可以简单地将 <label> 标记包裹在按钮和名称周围，就像我在下面所做的那样。

    <div class="button">
    <label>
    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" />
    <img src="<?php echo $option_value['image']?>" />
    <?php echo $option_value['name'];?>
    </label>
    </div>

我去掉了按钮上的 id，因为它在同一个单选组中的所有按钮上创建了重复的 ID，可能不需要。

除了那个问题，我认为它应该可以。

将按钮选项的一部分切换为收音机

switching part of a button option to be a radio

html

php

button

radio