单击后退按钮时无法看到多个组合框

时间:2015-06-22 07:27:41

标签: javascript jquery wordpress combobox

我正在努力开发一个在线预订系统,每个课程都有不同的选项。选择课程后,会打开一个组合框,您可以选择所需的课程周。 有一个验证功能,以确保完成某些字段。如果您需要返回以完成表格,则无法看到组合框。 有没有办法让组合框可见?

html如下          课程1     课程2     课程3     选择你的课程......     

组合框从Wordpress中取出如下:

<input type="hidden" name= "course1a" value="<?php echo $title;?>,<?php echo     the_field('cost_of_course',$week1a); ?>" />
<select name="date1a" id="date1a"> 
 <option value="">Select Week</option> 
  <?php 

  $categories =get_the_category($week1a); 
  foreach ($categories as $category) {
  if($category->name !== '6 +') 
  if($category->name !== '7+') 
  if($category->name !== '8+') 
  if($category->name !== '9+')
  if($category->name !== '10 +')
  if($category->name !== '11+')
  if($category->name !== 'All')


 $option = '<option value="'.$category->cat_name.'">';
 $option .= $category->cat_name;

 $option .= '</option>';
echo $option;
}
?>

推动此操作的javascript如下:

function showWeek(str) {
if (str == "") {
    document.getElementById("txtHint").innerHTML = "";
    return;
} else { 
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","dates.php?week="+str,true);
    xmlhttp.send();
}
}

关于如何在按下按钮时显示下拉列表的任何想法。

预订系统可以在 https://www.chiswickcourses.co.uk/wp/online-booking/

干杯

伊恩

0 个答案:

没有答案