Изменить вид выпадающего списка опций

[Ussuriyskiy]

Приветствую. Помогите изменить вид выпадающего списка (скрин ниже):

 

Меняю 'product_option_id' на 'name' не помогает.

<?php if ($options) { ?>
                            <div class="product-options form-horizontal">
                              <h6><?php echo $text_option; ?></h6>
                                <?php foreach ($options as $option) { ?>
                                    <?php if ($option['type'] == 'select') { ?>
                                        <div class="form-group<?php echo($option['required'] ? ' required' : ''); ?>">
                                            <label class="control-label col-sm-12"
                                                   for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label>

                                            <div class="col-sm-12">
                                                <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 echo $option_value['name']; ?>
                                                            <?php if ($option_value['price']) { ?>
                                                                (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                                                            <?php } ?>
                                                        </option>
                                                    <?php } ?>
                                                </select>
                                            </div>
                                        </div>
                                    <?php } ?>

 

Змінено 10 листопада 2018 користувачем Ussuriyskiy

[stickpro]

Спойлер

<?php if ($options) { ?>
                            <div class="product-options form-horizontal">
                              <h6><?php echo $text_option; ?></h6>
                                <?php foreach ($options as $option) { ?>
                                    <?php if ($option['type'] == 'select') { ?>
                                        <div class="form-group<?php echo($option['required'] ? ' required' : ''); ?>">
                                            <label class="control-label col-sm-12"
                                                   for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label>

                                            <div class="col-sm-12">
                                                <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 $option['name']; ?></option>
                                                    <?php foreach ($option['product_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']; ?><?php echo $option_value['price']; ?>)
                                                            <?php } ?>
                                                        </option>
                                                    <?php } ?>
                                                </select>
                                            </div>
                                        </div>
                                    <?php } ?>

 

Вроде так же, могу ошибаться не тестил

[Ussuriyskiy]

2 hours ago, stickpro said:

Вроде так же, могу ошибаться не тестил

Благодарю! Почти получилось. Осталось совсем немного в выпадающем списке убрать  дубль названия опции

Змінено 10 листопада 2018 користувачем Ussuriyskiy

[stickpro]

6 минут назад, Ussuriyskiy сказал:

Благодарю! Почти получилось. Осталось совсем немного в выпадающем списке или убрать или заменить на слово "Выбрать" дубль названия опции

удалите или закомментируйте 

<option value=""><?php echo $option['name']; ?></option>

[Ussuriyskiy]

13 minutes ago, stickpro said:

удалите или закомментируйте 

<option value=""><?php echo $option['name']; ?></option>

В этом случае исчезают названия опций а на их место становится первое значение

[mstkalenko]

В 10.11.2018 в 20:02, Ussuriyskiy сказал:

Благодарю! Почти получилось. Осталось совсем немного в выпадающем списке убрать  дубль названия опции

 

<select name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control">
	<option value="" disabled selected><?php echo $option['name']; ?></option>
	<?php foreach ($option['product_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']; ?><?php echo $option_value['price']; ?>)
			<?php } ?>
		</option>
	<?php } ?>
</select>

<style>
option[value=""][disabled] {
  	display: none;
}
</style>