JQUERY

Question

我在表单中使用了一些ddslick下拉菜单，我想在提交表单时获取所选值。

已尝试在该菜单附近创建隐藏输入：

<input type="hidden" name="hiddeninput" id="hiddeninput"  />

然后我将所选值分配给该输入名称：

    $(document).ready(function() {

                //Dropdown Básico
                for (var i=0;i<10;i++){
                $('#dropdownBasico'+i).ddslick({
                    data: ddData,
                    width: 150,
                    imagePosition: "left",
                    selectText: "some texts",
                    onSelected: function(data){
                     if(data.selectedIndex > 0) {
                              $('#hiddeninput').val=selectedData.value;
                            alert(selectedData.value);
                        }  
                    }
                }); 
}

但我得到的价值总是空的。请建议解决方案，并注意我在这里有几个菜单（这就是为什么我使用for循环来相应地更改名称）。我已经研究了一些类似的问题：Get value of selected <option> in ddSlick dropdown和ddslick select options won'st post value of selected option - jquery plugin，并尝试了它们但没有得到有效解决方案！非常感谢！

Answer 1

您正在以错误的方式设置值

 $('#hiddeninput').val=selectedData.value;
                //---^^^^^ here

在jquery中，它应该是

  $('#hiddeninput').val(selectedData.value);

.val()获取指定选择器的值.. .val('test')设置

请注意我这里有几个菜单（这就是为什么我使用for循环来相应地更改名称）

如果是这种情况，则对所有菜单使用相同的类并使用类选择器

 $('.dropdownBasicoClass').ddslick({
     ....

Answer 2

试试这个，来源http://designwithpc.com/Plugins/ddSlick#demo

JQUERY

$(document).ready(function() {
    //Dropdown Básico
    for (var i=0;i<10;i++){
    $('#dropdownBasico'+i).ddslick({
        data: ddData,
        width: 150,
        imagePosition: "left",
        selectText: "some texts",
        onSelected: function(data){
         if(data.selectedIndex > 0) {

                alert('Selected value: '+data.selectedIndex);
                alert('Selected text: '+data.selectedData.text);
                alert('Selected description: '+data.selectedData.description);

            }  
        }
    }); 
});

Answer 3

$(document).ready(function() {
      //Dropdown Básico
      for (var i=0;i<10;i++){
      $('#dropdownBasico'+i).ddslick({
          data: ddData,
          width: 150,
          imagePosition: "left",
          selectText: "some texts",
          onSelected: function(data){
             alert(data.selectedData.value);
          }
      }); 
}

如何在ddSlick下拉列表中获取所选值

3 个答案:

JQUERY