>有人可以帮助我吗?我想通过jquery根据两个选择框中的值显示隐藏一些div这是我的代码
$("#offer_seeking_select").change(function(){
var offer_seeking=$(this).val();
var selectedCategory=$("select.category-select:visible").last().find("option:selected").val();
$.get(www_base+"adding.php?cID="+selectedCategory+"&offer="+offer_seeking,function(data){
if(data.status=="ok"){$("#forms").html(data.html).trigger("forms_content_updated")
}})});
网页代码
<select id="drop-2"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<select id="drop-3"><option value="offer">Offer</option><option value="seeking">Seeking</option></select>
<div id="forms"></div>
添加中的一些"div".php当从 #drop-2 和 drop-3 中进行选择时,将根据值在 #forms 中显示隐藏,例如,如果我从 drop-2 中选择 1 并从 drop-3 中提供显示 #one 并 #three 隐藏 #two,否则从 drop-2 中选择 2 并从 drop-3 中查找显示 #two 并 #three 隐藏 #one
这个html在文件添加中.php因为我无法在文件添加中获得cID和提供.php
<div id="one">abc</div>
<div id="two">123</div>
<div id="three">789</div>
像这样使用与选择的 id 相对应的类的东西怎么样,您可能需要重构以适应所需的逻辑,因为我不确定我是否完全理解。
$('#foo, #bar').change(function(e) {
var $elm = $(e.target);
var $elmDiv = $('.' + $elm.attr('id'));
if ($elm.val() !== "") {
$elmDiv.show();
} else {
$elmDiv.hide();
}
});
这是一个演示