在JQuery中动态检索Selected值

时间:2011-11-28 09:43:02

标签: javascript jquery

我有这个html,这是根据问题编号动态生成的

 <fieldset id="selectfield">
            <label class="select">What ur is Profession?
            </label>
            <br>
            <div class="ui-select"><a href="#" role="button" id="72+_select-button" aria-haspopup="true" aria-owns="72+_select-menu" data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-hover-c ui-btn-up-c"><span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"><span class="ui-btn-text">Business</span><span class="ui-icon ui-icon-arrow-d ui-icon-shadow"></span></span></a>

            <select name="selectedObjects" id="72+_select" data-native-menu="false" tabindex="-1">
                <option value="-1">--Select--</option>
                    <option value="769">Salaried</option>
                    <option selected="selected" value="770">Business</option>
                    <option value="771">Self Emp</option>
            </select></div>
        </fieldset>

点击按钮

     <div data-theme="c" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-hover-c ui-btn-up-c" aria-disabled="false"><span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"><span class="ui-btn-text">Next</span></span>
        <input type="submit" id="72+_b" onclick="return SaveDropDown(this);" value="Next" class="ui-btn-hidden" aria-disabled="false">
     </div>

我已经在SaveDropDown(this)

中编写了这个JS
       function SaveDropDown(button) { 
        var fieldsetName = getQuestionName(button.id)+'+_select'; 
        var select = $(fieldsetName +"option:selected").val(); 
        return false;
    }

问题名称功能是

     function getQuestionName(buttonid) { 
        var splitstr = buttonid.split('+');
        var fieldsetName = '#' + splitstr[0];
        return fieldsetName;
    }

但它返回未定义的如何动态检索选择值。

感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

此行有错误。在选项之前应该有一个空格。但实际上并不需要找到所选的选项,因为select的值就是该值。

var select = $(fieldsetName +"option:selected").val(); 

应该是

var select = $(fieldsetName).val();