Автоматически получать первый элемент из выпадающего списка на вход

Question

Можно ли автоматически получить первый элемент из выпадающего списка на вход при загрузке страницы? Например, выпадающий список имеет 2 варианта: happy & sad. Когда страница загружается, я хочу, чтобы happy находился на входе на загрузке страницы. До сих пор я получил пустой ввод, когда пользователю нужно выбрать параметр в раскрывающемся списке.

Jquery код:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#username_select").change(function() { 
      $("#username_custom").val($(this).val()); 
     }); 
    }); 
</script> 

username_custom ID:

<input id="username_custom" name="custom" value=" 
<?php 
if(isset($_POST['getusername'])) { 

$getusername = $_POST['getusername']; 
echo "".$getusername.""; 

} 
if(empty($_POST['username'])) { 

    echo "".$row['username'].""; 

} 
?> 
"> 

username_select ID:

<select id="username_select" name="getusername"> 
<?php 
    $username = $_SESSION['username']; 

    $result = mysql_query("SELECT username FROM account WHERE websiteusername='".$username."'"); 

while($row = mysql_fetch_array($result)) { 

    echo "<option value='".$row['username']."'>".$row['username']."</option>"; 

} 
?> 
</select> 

Answer 1

Чтобы показать выбранное значение выбора на входе

$("#YourInputId").val($("#username_custom").val()); 

Чтобы установить первый вариант текста выберите

$("#YourInputId").val($("#username_custom option:eq(0)").text()); 

Чтобы изменить значение текстового поля на изменение выбора

$(document).ready(function() { 
    $("#username_select").change(function() { 
     $("#username_custom").val($(this).val()); 
     $("#YourInputId").val($("#username_custom").val()); 
    }); 
}); 

Answer 2

В этой строке

echo "<option value='".$row['username']."'>".$row['username']."</option>"; 

вы можете добавить выбранные в который вы хотите выбрать. Вы можете использовать переменную в цикле while, чтобы узнать, на какой элемент вы находитесь, и выбрать этот элемент;

Для примера.

$ctr = 0; 

while($row = mysql_fetch_array($result)) { 

    echo "<option value='".$row['username']."'" . ($ctr == 1 ? "selected" : "") . ">".$row['username']."</option>"; 
    $ctr++ 
} 

Надеюсь, это поможет. Cheers

Answer 3

В этом случае вы также можете вызвать событие смены события.

$("#username_select").change();