從下拉列表中自動獲取第一個項目到輸入

是否可以自動從下拉列表中獲取第一個項目到頁面加載的輸入？例如，下拉列表有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>

來源

2013-03-28 Lionel Sanchez

要顯示輸入的選擇所選擇的值

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

來源

2013-03-28 05:48:25 Adil

乾杯！管理得到它的工作！謝謝！ – 2013-03-28 05:58:41

不客氣。 – Adil 2013-03-28 06:06:02

變化改變文本框的值在這一行

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

希望這會有所幫助。乾杯

來源

2013-03-28 05:54:03 GoaKoala

在這種情況下，您也可以調用dropdown的change事件。

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

來源

2013-03-28 05:59:10

從下拉列表中自動獲取第一個項目到輸入

回答

相關問題