Question

我正在尝试创建一个下拉菜单，允许用户为贴纸选择颜色。一旦用户选择了所需的颜色，就可以购买＆＃34;购买＆＃34;按钮将出现。我正在使用Wordpress的块代码，看起来按钮的块代码因为引号放置而产生问题。

这是按钮的阻止码：

[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>

下拉菜单因报价而无法正常工作

2 个答案: