如何获得的返回值 <select>使用NiceForm插件

Question

I used a plugin called niceform NiceForms and it changes my form elements to <a> and <li> tags. I'm having hard time getting the return value of the selected item.

please see my jsbin here: http://jsbin.com/ufoxuc

$(function(){

    $("#gender").change(function () {
       alert($(this).val());
    });

});

Please help. thanks!

Answer 1

Solution is simple, juste select the child of your select and access to the value

$("#gender").change(function () {
   var value = $("#gender option:selected").val();
   alert(value);
});

Hope that it helps

Answer 2

实际上没有选择，它们只是<div>为<select> <div>样式，因此change()函数从不触发，您确定插件没有提供钩子来监听change()事件吗？

Answer 3

You could do it like:

Edit the original niceforms.js and replace following line (probably line number 544):

el.lnk._onclick = el.onclick || function () {};

//WITH following

el.lnk._onclick = el.onclick || function () {
    if (this.ref.oldClassName.indexOf("NFOnChange") > -1){
        this.ref.options[this.pos].selected = "selected";
        //Call the original onchange event
        this.ref.onchange();
    }
};

After doing this, you need to add the NFOnChange class to your select tag, like this:

<select size="1" name="gender" id="gender" class="NFOnChange" onchange="yourFunction()">

Thats how i managed to make it work. Hope it helps