验证 ddslick 下拉值被选中

Question

我正在处理一个页面，需要选择 ddslick 创建的下拉框的值才能提交。下拉菜单正在运行，选择时的值传递到我正在使用 PHP 解析 POST 值的目标页面。但是，我在验证此 ddslick 下拉框时遇到问题。确保在提交之前选择了一个值。

这是我的选择框：

<select name="backing" id="backing" class="ddslick-select">
<option value="">Select Back Style</option>
<option value="red">Red</option>
<option value="orange">Orange</option>
</select>

我正在使用此代码来获取支持值：

<script type="text/javascript">
$('#backing').ddslick({
  showSelectedHTML: false,
  onSelected: function(data){
      alert(data.selectedData.value);
  }
});
</script>

当我提交它时，#backing 的 $_POST 值正在传递。但是，我在验证它以确保选择了一个值时遇到了问题。

在表单中我有一个提交按钮，我通过这个 onsubmit 函数验证 Quantity 和 Back 样式：

<a href="#" class="btn btn-cart right" onclick="javascript:return validateCart();">Add to cart</a>

这里是 Javascript 函数，数量正在验证，但带有 ddslick 的下拉列表不是。如果我从下拉列表中删除 class="ddslick-select" 将其变为正常的下拉框，则验证工作正常。

这里是 ValidateCart() 的 Javascript 函数：

function validateCart(){
var error = "";

if(document.getElementById("qty").value == '') {
    error += "You must select Quantity\n";      
}
if(document.getElementById("backing").value == '') {
    error += "You must select a Backing Design\n";      
}

if(error !== '') {
    alert(error);
    return false;
} else {
    document.productorder.submit();
}

}

我的问题是，如何修改我现在拥有的内容来验证下拉框？

谢谢！

Answer 1

我能够使用此代码验证 ddslick：

if($('.dd-selected-value').val() == "") {
  error += "You must select a Backing\n";       
}