单击visualforce页面中的selectList时聚焦的值

时间:2017-10-02 09:39:42

标签: javascript jquery jquery-ui salesforce visualforce

我在visualforce页面中使用了selectList标签,这个selectList包含年份编号(2001,2002,...,2020),如下所示:

 <apex:selectList id="mySelect" styleClass="form_field flex_grow" required="true" multiselect="false" size="1" label="Type"  value="{!selectedYear}">
    <apex:selectOptions value="{!Years}"/>
</apex:selectList>

年份的值来自控制器的方法(已填充)。第一项出现在selectList是2001

我想要做的是当我点击selectList显示年份值时,我希望列表中的聚焦值不是2001年而是2010年(一旦我点击selectList显示年份列表,我希望聚焦值为2010)。

以下是我已实施的源代码,但它不起作用:

$('#mySelect').focus(function(){

    if($(this).data('focused') !==  true)
    {
        $(this).data('focused',true);  
        $(this).find('option[value="2010"]').prop('selected',true);
    }

});

$('#mySelect').blur(function(){
   $(this).data('focused',false); 
});

提前谢谢

1 个答案:

答案 0 :(得分:0)

您不需要为此使用JS函数,只需检查您是否在控制器中使用正确的值(2010)填充selectedYear变量。