Переместить курсор в следующее поле с помощью Javascript

Question

В основном функция ниже является слушателем для изменения выбора одного выпадающего списка. Я хочу, чтобы курсор переместился к следующему полю на странице, а также была выполнена функция ниже. Как мне сделать это в Javascript? Следующее поле на странице - это текстовое поле ExtJs.

function changeVehicleCondition() {
        var ValuationSource = getCurrentValuationSource();
        var vehicleConditionId = vehiclePnl.VehicleConditions.getValue();

        if (ValuationSource == 0) {
            vehiclePnl.VehicleConditionId.setValue(0);
        } else {
            vehiclePnl.VehicleConditionId.setValue(vehicleConditionId);
        }
    }

Edit: focus () не работает для меня, потому что я уже пробовал это:

vehiclePnl.Mileage.focus();

без удачи ..

Answer 1

Для ExtJs вы, очевидно, должны сделать это:

focus( true, false );

Значение true указывает ему выбрать текст в следующем поле, а значение false указывает, откладывать или нет. это на самом деле не работает для меня, но я думаю, это потому, что мои элементы управления не совпадают, но это код для этого.

Answer 2

Допустим, ваша панель формы определена как переменная «vehiclePnl», и следующее поле, на которое вы хотите сфокусироваться, имеет атрибут name «Пробег».Вместо этого используйте ваш предыдущий код

vehiclePnl.Mileage.focus();

Тогда вам следует использовать этот код ниже

vehiclePnl.getForm().findField("Mileage").focus();

Answer 3

Это без знания extjs

<select id="listen">...</select>
<input id="focus" />
<script type="text/javascript">
document.getElementById('listen').onchange = function () {
    changeVehicleCondition()
    document.getElementById('focus').focus()
}
</script>

Тег сценария может находиться где угодно после выбора.Вы также можете сделать это следующим образом:

<select id="listen" onchange="changeVehicleCondition(); document.getElementById('focus').focus()">...</select>
<input id="focus" />