已经选择的下拉/组合框项目应反映为单击标签时选择的项目

时间:2015-07-03 09:44:39

标签: javascript jquery html combobox

我在网站中使用标签属性作为输入元素,这将有助于盲人用户。我有Combobox / Drop down 我的代码输入日期(月/日)格式。目前,如果只有一个下拉列表,例如选择国家/地区,则单击标签, 已经选定的国家正在反映所选,这没关系。我使用了Jquery的代码:

$(function () {
    $('label').click(function () {
        var id = $(this).attr('for');
        $('#' + id).select();
    });
});  

但是在日期格式的情况下,'用于'ExpiryDate'的'在父下'标签下有'儿童'标签。所以在这种情况下 我上面写的Jquery没有用。  那个Jquery适用于Single Dropdown和Teaxt盒子。但我想选择第一个孩子,即已选择月份的月份 选择。请帮助我,以便我可以实施它。我想处理当用户点击Label然后TextBox,Single Dropdown和Combobox / Multiple相关下拉列表已经输入/选中的项目时 显示为已选中。 我的HTML代码在这里:

<div class="editor-label">
                        <label for="ExpiryDate">*Expiration Date</label>
                    </div>

                    <div class="editor-field">
                        <label class="accessibleText" for="ExpirationMonth">
                        <label for="ExpiryDate">*Expiration Date</label>
                        </label>
                        <select id="ExpirationMonth" name="ExpirationMonth" tabindex="0"><option value="">Month</option>
<option selected="selected" value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">May</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
<option value="9">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>

                          <label class="accessibleText" for="ExpirationDay">
                        <label for="ExpiryDate">*Expiration Date</label>
                        </label>
                        <select id="ExpirationDay" name="ExpirationDay" tabindex="0"><option value="">Day</option>
<option selected="selected" value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>

</select>
</div>

我想只选择第一个孩子已选择的项目以显示为已选择。

1 个答案:

答案 0 :(得分:1)

如果您将标签<label for="ExpirationMonth">*Expiration Date</label> <select id="ExpirationMonth" name="ExpirationMonth" tabindex="0"> 更改为与月份和日期相关的选择属性,则会在您点击标签时选择。

Reachability *reach = [Reachability reachabilityForInternetConnection];
[reach startNotifier];

NetworkStatus status = [reach currentReachabilityStatus];

if(status == NotReachable) 
{
    //No internet
}
else if (status == ReachableViaWiFi)
{
    //WiFi
         [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"https://itunes.apple.com/in/app/facebook/id284882215?mt=8"]];

}
else if (status == ReachableViaWWAN) 
{
    //3G
     [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"https://itunes.apple.com/in/app/facebook/id284882215?mt=8"]];
}