Jquery将所选项目设置为列表中的下一个选项

时间:2012-02-06 23:04:09

标签: jquery

只需要一个简单的jQuery就可以将选择列表中的第二个选项设置为所选项目(在目标选择更改事件之后选择,如下面的代码片段所示)。

换句话说,该列表的第一项是“请选择......”。

只要在customfield_12972选择列表中触发更改事件,我想将customfield_12973选择列表的选定选项更改为选择列表中的下一个选项...

<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function()
    {
        jQuery('#customfield_12972').change(
        function()
        {
            //jQuery('#customfield_12973').setSelectedIndex[1]
        });
    });
</script>

3 个答案:

答案 0 :(得分:2)

假设#customfield_12972是一个选择标记,您可以这样做:

<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function()
{
    jQuery('#customfield_12972').change(
    function()
    {
        jQuery('#customfield_12973 option').first().removeAttr('selected');
        jQuery('#customfield_12973 option').first().next().attr('selected','selected');
    });
});
</script>

请注意,此代码未经过测试,可能需要稍作修改。

希望它有所帮助!如果您需要更多帮助,请与我们联系。

答案 1 :(得分:0)

<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function()
    {
        var val = $(this).val();
        jQuery('#customfield_12972').change(
        function()
        {
            jQuery('#customfield_12973').val(val);
        });
    });
</script>

答案 2 :(得分:0)

<script type="text/javascript">
jQuery.noConflict()
jQuery(document).ready(function()
    {
        jQuery('#customfield_12972').change(
        function()
        {
            jQuery('#customfield_12973').val(function(){
                return jQuery('#customfield_12973 [selected]').next().attr('value');
            });
        });
    });
</script>