自动从下拉列表中获取第一项到输入 - Automatically get first item from drop down list to the input

Automatically get first item from drop down list to the input

是否可以自动从下拉列表中获取第一项到页面加载时的输入?例如，下拉列表有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>

显示输入

中select的选定值

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

设置select

的第一个选项文本

$("#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());
    });
});

本行

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

你可以添加SELECTED到你想要被选中的选项。你可以在while循环中使用一个变量来找出你所处的项目，并使该项目被选中;

对前女友

。

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

希望这对你有帮助。欢呼声

在这种情况下，您还可以调用change event of dropdown

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