Question

我有网页。我需要为它创建两种类型的视图。根据下拉表格，我必须选择要显示的内容。

所以，我创建了表单：

        <form action="" method="post" class="form-horizontal">

        <div class="form1">
            <label class="label1" for="viewid">
                View option
            </label>

            <div class="controls">
                <select name="choose_viewid" id="viewid">

                        <option value="var1" >Full view</option>
                        <option value="var2" >Short view</option>


                </select>
            </div>
        </div>
    </form>

之后我创建了php if：

if ($_POST[id]= "var1"): {
  include "var1.html";
}


else:
{
  include "var2.html";
}

endif;

我在底部编写了js脚本：

  <script language="JavaScript" type="text/javascript"> 

function chooseopt() {
var id= document.getElementById('viewid');

$.ajax({
type: 'POST',
url: '',
data:{id:id.value},
});
return false;
};
  </script>

但是出了点问题。谁可以建议所需的行动？谢谢。

UPD：我在同一页面上的所有代码。

Answer 1

更改

if ($_POST[id]= "var1"):

到

if ($_POST['id']== "var1"):

Answer 2

更改选项时需要调用chooseopt js方法。您可以使用jquery handler旧的onchange操作。

Answer 3

像这样更改你的javascript函数。

function chooseopt() 
{
    var objSelected = document.getElementById("viewid");
    var id = objSelected.options[objSelected.selectedIndex].value;

    $.ajax({
    type: 'POST',
    url: '',
    data:{id:id},
    });
    return false;
};

php页面的jscript代码

3 个答案: