Question

是否可以自动从下拉列表中获取第一项到页面加载时的输入？例如，下拉列表有两个选项：happy＆amp; 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>";

您可以将SELECTED添加到要选择的选项中。您可以在while循环中使用变量来找出您所在的项目并选择该项目;

对于前。

$ctr = 0;

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

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

希望这会有所帮助。干杯

Answer 3

在这种情况下，您还可以调用下拉列表的更改事件。

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

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

3 个答案: