Событие Onchange поля выбора при использовании клавиши табуляции - PullRequest
Новая
       21

Событие Onchange поля выбора при использовании клавиши табуляции

0 голосов
/ 28 ноября 2011

У меня есть 2 поля выбора, которые называются страна и город.Когда я выбираю значение из поля страны, запускается событие onchnage, и города загружаются с использованием ajax-запроса.

Но при использовании вкладок для навигации возникают некоторые проблемы.

Процесс.

Нажмите клавишу табуляции и перейдите в поле выбора страны. Нажмите клавишу, подобную 'M', чтобы найти значения, начинающиеся с 'M'. Затем снова нажмите вкладку

При втором щелчке табуляции должен быть выделен флажок города.Но это не работает, только 3-й щелчок вкладки фокусирует окно выбора города.

Есть ли у вас какие-либо идеи для решения этой проблемы?

Код 

<label>Country * : </label>
<select tabindex="1" onchange="loadCities(this.options[this.selectedIndex].value,'url')" id="cmbDistric" name="cmbDistric">
<option value="0">Select</option>
<option value="1">Colombotest</option>
<option value="2">Colombotest</option>
<option value="3">Colombotest</option>
</select>      


<label>City * : </label>
<select tabindex="6" >
<option value="0">Select</option>
</select>

1 Ответ

1 голос
/ 28 ноября 2011

Этот документ W3C объясняет, как управлять порядком табуляции. По сути, вы можете использовать tabindex для управления порядком табуляции. Вот соответствующая часть их примера кода, дополненная неудачными HTML 4-измами: 

<FORM action="..." method="post">
<P>
<INPUT tabindex="1" type="text" name="field1">
<INPUT tabindex="2" type="text" name="field2">
<INPUT tabindex="3" type="submit" name="submit">
</P>
</FORM>

Аналогичная информация (без примера кода HTML 4) содержится в проекте HTML5 .

...