Выпадающее меню не работает из-за цитаты

Question

Я работаю над созданием меню «Выпадающее меню», которое позволит пользователям выбирать цвет для наклейки. Как только пользователь выберет желаемый цвет, появится кнопка «купить». Я использую блок-коды для Wordpress, и кажется, что блок-код кнопки создает проблему из-за размещения кавычек.

Это Blockcode для кнопки:

[wp_cart_button name="Army Baymax" price="2.50"] 

Вот код:

<select onchange="document.getElementById('ColorChoice').src = this.value"> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">White</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Black</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Gold</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Light Blue</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Teal</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Light Blue</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Blue</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Royal Blue</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Dark Red</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Red</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Orange</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Yellow</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Sunflower</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Lemon</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Light Green</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Green</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Pink</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Purple</option> 
<option value="[wp_cart_button name="Army Baymax" price="2.50"]">Silver</option> 

Было бы здорово, если бы кто-нибудь имеет некоторый вход или лучший способ о делая это.

Answer 1

Вы можете чередовать одиночные и двойные кавычки, как так:

<option value="[wp_cart_button name='Army Baymax' price='2.50']">Silver</option> 

Или бежать цитаты:

<option value="[wp_cart_button name=\"Army Baymax\" price=\"2.50\"]">Silver</option> 

Answer 2

Использование ' или спасаясь от " с \

<option value="[wp_cart_button name='Army Baymax' price='2.50']">White</option> 

или

<option value="[wp_cart_button name=\"Army Baymax\" price=\"2.50\"]">White</option>