我无法在各自的文本输入中显示 SessionName
、SessionDate
和 SessionTime
。
应该发生的是用户应该从下拉菜单中选择一个 session (评估)。现在,当他们提交下拉菜单时, session 的详细信息(即 SessionName
、SessionDate
和 SessionTime
)应显示在其文本输入中。但它们没有显示在文本输入中,文本输入保持为空。
如何让 SessionName
、SessionTime
和 SessionDate
显示在各自的文本输入中?
这是一个jsfiddle其中包含虚拟数据和相关功能来显示应用程序应该是什么样子:
这是我的代码:
$sessionquery = "
SELECT SessionId, SessionName, SessionDate, SessionTime, ModuleId
FROM Session
WHERE
(ModuleId = ?)
ORDER BY SessionDate, SessionTime
";
$sessionqrystmt=$mysqli->prepare($sessionquery);
// You only need to call bind_param once
$sessionqrystmt->bind_param("s",$_POST['modules']);
// get result and assign variables (prefix with db)
$sessionqrystmt->execute();
$sessionqrystmt->bind_result($dbSessionId,$dbSessionName,$dbSessionDate,$dbSessionTime, $dbModuleId);
$sessionqrystmt->store_result();
$sessionnum = $sessionqrystmt->num_rows();
if($sessionnum ==0){
echo "<p>Sorry, You have No Assessments under this Module</p>";
} else {
$sessionHTML = '<select name="session" id="sessionsDrop">'.PHP_EOL;
$sessionHTML .= '<option value="">Please Select</option>'.PHP_EOL;
while ( $sessionqrystmt->fetch() ) {
$sessionHTML .= sprintf("<option value='%s'>%s - %s - %s</option>", $dbSessionId, $dbSessionName, $dbSessionDate, $dbSessionTime) . PHP_EOL;
}
$sessionHTML .= '</select>';
$assessmentform = "<form action='".htmlentities($_SERVER['PHP_SELF'])."' method='post' onsubmit='return sessionvalidation();'>
<p>Assessments: {$sessionHTML} </p>
<p><input id='sessionSubmit' type='submit' value='Submit Assessment' name='sessionSubmit' /></p>
<div id='sessionAlert'></div>
</form>";
echo $assessmentform;
}
}
if (isset($_POST['sessionSubmit'])) {
$currentsession = "<form action='".htmlentities($_SERVER['PHP_SELF'])."' method='post'>
<p>Current Assessment's Date/Start Time:</p>
<p>Assessment: <input type='text' id='currentAssessment' name='Assessmentcurrent' readonly='readonly' value='{$dbSessionName}'/> </p>
<p>Date: <input type='text' id='currentDate' name='Datecurrent' readonly='readonly' value='{$dbSessionDate}'/> </p>
<p>Start Time: <input type='text' id='currentTime' name='Timecurrent' readonly='readonly' value='{$dbSessionTime}'/> </p>
<input type='hidden' id='hiddenId' name='hiddenAssessment' value='{$dbSessionId}'/>
</form>
";
echo $currentsession;
}
最佳答案
如果 jQuery 是一个选项(并且您可能在某些时候觉得不需要按钮
),那么这里有另一个选项
$(document).ready( function(){
$('#sessions').change( function(){
if( $(this).val() !== '' ){
var text = $(this).find('option:selected').text();
var split = text.split(' - ');
$('#currentAssessment').val( split[0] );
$('#currentDate').val( split[1] );
$('#currentTime').val( split[2] );
}
else{
$('#currentAssessment,#currentDate,#currentTime').val('');
}
});
});
它适用于 select
的 .change()
事件,我已经编辑了您的 fiddle显示它。
关于php - 如何将下拉菜单中的数据显示到文本输入中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13263481/