gpt4 book ai didi

javascript - 无法从文本框中的下拉列表中获取名称

转载 作者:行者123 更新时间:2023-11-28 03:17:41 26 4
gpt4 key购买 nike

我有一个页面,我在其中动态生成文本框和下拉列表。我试图从下拉列表中选择一个名称,然后将其显示在它旁边的文本框中。问题是我只能对第一行执行此操作,我的意思是我可以从第一个下拉列表中选择一个名称,然后将其显示在它旁边的文本框中。但我无法为其他人做到这一点。你能帮忙吗?

这是我的代码

请注意:我正在使用 JavaScript 来显示用户从下拉列表中选择的内容并将其显示在 文本框

<?php
if(isset($_POST['team'])){
$selectedTeam = $_POST['team'];
$selectedWeek = $_POST['week'];

//getting team member names from resolver table
$query = "SELECT * FROM `names` WHERE `teamName` = '$selectedTeam'";
$query_run_teamName = mysql_query($query);
while($query_row = mysql_fetch_assoc($query_run_teamName)){
$verNAME[] = $query_row['verNAME'];
}//end of while
}//end of if condition
?>
<!DOCTYPE html>
<html>
<head>
<title>Option Page</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="roster.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">

//Function below gets ID and assigns value to the left text field
function getValue(RightTextfield, leftTextfield){
var TextfieldValue = _(RightTextfield).value;
_(leftTextfield).value = TextfieldValue;
}//end of getValue() function

function _(x){
return document.getElementById(x);
}//end of _(x) function
</script>
</head>
<body>
<div id="wrapper">
<form action="teamRoster.php" enctype="multipart/form-data" method="POST">
<div id="response"></div><!--End of response Div-->
<?php

for ($i = 0; $i <= $count; $i++) {
echo '<div class="STeam">';

//code below to generate Text Fields dynamically
echo '<input type="text" id="r1Value1" name="r1Value1">';

//code below to generate dropdown list dynamically
echo '<select id="ChooseMember" name="ChooseMember" onchange="getValue(\'ChooseMember\', \'r1Value1\')">';
echo '<option value="">Select Team Member</option>';
foreach ($verNAME as $key) {
echo '<option value="'.@$key.'">'.@$key.'</option>';
}
echo '</select>';
echo '</div>';
}//End of for loop
?>
<!--Passing week and team name as hidden values-->
<input type="hidden" id="HiddenDay" name="HiddenDay" value="<?php echo $selectedWeek;?>">
<input type="hidden" id="HiddenTeam" name="HiddenTeam" value="<?php echo $selectedTeam;?>">
</form>
</body>
</html>

谢谢

最佳答案

好吧,我认为您应该检查您的选择框 ID 和名称。您在选择框中输入相同的 ID 和名称。我的建议是将 $i 的值附加到选择框 ID 和名称(特别是 javascript 的 ID,但由于从 PHP 获取值,您应该附加到名称中)

For select box HTML -
<select id="ChooseMember_<?=$i?>" name="ChooseMember_<?=$i?>" onchange="getValue(\'ChooseMember_<?=$i?>\', \'r1Value1\')">

此问题是为选择框的相同 ID 和名称创建的。

关于javascript - 无法从文本框中的下拉列表中获取名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26725642/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com