Question

我有一个php文件：export.php，其中有一个表单，带有选择下拉列表。

dd1＆amp; dd2，在选择dd1的地方，dd2的option-list从sql表中填充。

JS功能：

function reload(form) {
        var val = form.cat.options[form.cat.options.selectedIndex].value;
        self.location = 'export.php?cat=' + val;
}

<form>

<!------------- dd1 -------------->
<select name="category" onchange="reload(this.form)">
<option>a</option>
<option>b</option>
<option>c</option>
<option>d</option>
</select>

<!--------- dd2 -------------->
<select name="subcategory">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

我想要的是URL，如： export.php猫= A＆安培; SUBCAT = 1 当我从dd2中选择一个选项后，选择dd1选项。

目前它正在改为：export.php？cat = a only。

请帮忙。

提前致谢！

Answer 1

这是：

  $(document).ready(function(){

$( "select[name=category],select[name=subcategory]" ).change(function() {

  var cat= $("select[name=category] option:selected").text();
  var subcat= $("select[name=subcategory] option:selected").text();

  var url = 'export.php?cat='+cat+'&subcat='+subcat;

  console.log(url);
});

});

您还必须删除

onchange="reload(this.form)

在ddl1上，因为它进行了重定位，这将产生新的请求！

如果只想选择ddl1和ddl2中的值，则要进行重定位。我会为两个下拉列表使用默认值，如

- 选择 -

然后你可以检查onchange处理程序（伪代码）

if (ddl1.selectValue!= --choose-- and  ddl2.selectValue!= --choose--){
window.location = url;
}

表单中的javascript顺序下拉列表，用于更改URL值

1 个答案: