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函数验证数量和后退样式：

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

这是Javascript函数，Qty正在验证但是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";       
}

选中了验证ddslick下拉值

1 个答案: