自动从下拉列表中获取第一项到输入答案

【问题标题】：Automatically get first item from drop down list to the input自动从下拉列表中获取第一项到输入
【发布时间】：2013-03-28 05:46:51
【问题描述】：

是否可以在页面加载时自动从下拉列表中获取第一项到输入？例如，下拉列表有 2 个选项：happy& sad。当页面加载时，我希望 happy 在页面加载时出现在输入中。到目前为止，我得到了一个空输入，用户需要在下拉列表中选择选项。

jQuery 代码：

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

用户名_自定义 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']."";

}
?>
">

用户名_选择 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>

【问题讨论】：

标签： php jquery html mysql input

【解决方案1】：

在输入中显示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());
    });
});

【讨论】：

【解决方案2】：

在这一行

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++
}

希望这会有所帮助。干杯

【讨论】：

【解决方案3】：

这种情况下你也可以调用下拉的change事件。

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

【讨论】：