Есть такой javascript, который при смене значения в select показывает пользователю необходимый input:
$("#method").on('change', function(){
if($(this).val() == 1){
$("#qiwi").show();
} else {
$("#qiwi").hide();
}
if($(this).val() == 2){
$("#yandex").show();
} else {
$("#yandex").hide();
}
})
Вот сам HTML:
<div class="c-field u-mb-small">
<label class="c-field__label" for="method">Платежная система</label>
<select class="c-select u-mb-small" id="method" name="method" required>
<option <?php if($account['payoutMethod'] == '0') { echo 'selected'; } ?>>Выберите платежную систему</option>
<option <?php if($account['payoutMethod'] == '1') { echo 'selected'; } ?> value="1">QIWI Кошелёк</option>
<option <?php if($account['payoutMethod'] == '2') { echo 'selected'; } ?> value="2">Яндекс.Деньги</option>
</select>
</div>
<div class="c-field u-mb-small" style="display:none" id="qiwi">
<label class="c-field__label" id="qiwi-label" for="qiwi">QIWI Кошелёк</label>
<input class="c-input" type="text" id="qiwi" name="qiwi" value="<?php echo $payoutWallet; ?>" placeholder="Введите свой QIWI кошелёк...">
</div>
<div class="c-field u-mb-small" style="display:none" id="yandex">
<label class="c-field__label" for="yandex">Кошелёк Яндекс.Деньги</label>
<input class="c-input" type="text" id="yandex" name="yandex" value="<?php echo $payoutWallet; ?>" placeholder="Введите свой кошелёк Яндекс.Денег...">
</div>
Как мне так сделать, чтобы если в value select'a уже есть какое-то значение, то input отображался?