php - 由一系列国家/地区填充的下拉列表

Question

如标题所示，我制作的下拉菜单有问题。它包含商店可以运送到的国家/地区列表。它可以创建一个运输区域，为其命名，然后选择属于该区域的所有国家/地区。然后为其添加价格。

在结帐时，我想获取网上商店提供的国家/地区列表并使用它，以便客户可以选择他居住的地方。该国家/地区的选项也是商店运送其产品的选项。但是我遇到了一些问题。

主要问题是它的构建方式是选择一个区域，该区域将使用 URL 中的额外参数重新加载页面，这会将运输区域添加到即将创建的订单中。这会导致我的下拉菜单出现问题。因为它总是会选择下拉列表的底部选项而不是我刚刚选择的选项，这意味着我无法正确设置此人居住的国家/地区。

所以如果下拉是

美国
中国

然后我选择 USA 页面将重新加载并且 china 将悬停

我的代码:

下拉 html

{% for shippingRegion in store.getShippingRegions %}
    <a style="display: none" id="addShippingRegion{{shippingRegion.id}}" href="{{ path('checkout', {'store_id': store.id, 'shippingRegion': shippingRegion.id}) }}"></a>
{% endfor %}

 <div class="collection">
     <select onchange="shippingRegionSelectCheck(this)" class="browser-default" id="shippingRegion" name="ShippingRegion">
           <option selected disabled>Select a shipping region</option>
              {% for key,country  in regionCountries %}
                  {% for c in country %}  = 
                    <option id="countrySelect" data-id="{{key}}" selected value="{{c}}" >{{c}}</option>   
                  {% endfor %}
             {% endfor %}
      </select>
</div> 

Javascript 函数重新加载页面

function shippingRegionSelectCheck(regionSelect){
    if(regionSelect){
         var selected = $('#shippingRegion').find('option:selected');
         var extra = selected.data('id'); 
         var country = $('#shippingRegion').val('value');
         var href = $('#addShippingRegion' + extra).attr('href');

         window.location.href = href; 
    }

}

实体

/**
 * @ORM\Entity
 * @ORM\Table(name="Shipping_Regions")
 */
class ShippingRegion{
    public function __construct() {
        $this->shipping_weight_prices = new ArrayCollection();
        $this->shipping_amount_prices = new ArrayCollection();
    }

    /**
     * @ORM\Column(type="integer")
     * @ORM\Id
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    protected $id;

    /**
     * @ORM\Column(type="string", length=100, nullable=true)
     */
    protected $name;

    /**
     * @ORM\Column(type="boolean", nullable=true)
     */
    protected $regionType;

    /**
     * @ORM\Column(type="array", nullable=true)
     */
    protected $regionCountry;

Answer 1

可能是因为你在每个选项中都写了'selected'，所以浏览器选择了最后一个。

<option id="countrySelect" data-id="{{key}}" {{ c == selected_country ? 'selected' }} value="{{c}}" >{{c}}</option>