更新:原始問題被回答。但是,代碼揭示了所有。下面所以,我修改了我的問題:jQuery:基於從下拉列表中選擇的選項顯示/隱藏元素
所以我有以下的動態HTML通過PHP產生
<div class="image-link link-posttypes mainSelector1">
<select id="wp_accordion_images[20110630022615][post_type]" name="wp_accordion_images[20110630022615][post_type]">
<option value="">default</option>
<option value="post" class="post-type">Post</option><option value="page" class="post-type">Page</option><option value="dp_menu_items" class="post-type">Menu Items</option>
<option value="wps_employees" class="post-type">Employees</option><option value="custom-link">Custom Link</option>
</select>
</div>
<div class="image-link link-pages1">
<select id="wp_accordion_images[20110630022615][page_id]" name="wp_accordion_images[20110630022615][page_id]">
<option value="50" class="level-0">About</option>
<option value="65" class="level-0">Contact</option>
<option value="2" class="level-0">Sample Page</option>
<option value="60" class="level-0">Staff</option>
</select>
</div>
<div class="image-link link-posts1">
<select onchange="javascript:dropdown_post_js(this)" id="wp_accordion_images[20110630022615][post_id]" name="wp_accordion_images[20110630022615][post_id]">
<option value="http://localhost/tomatopie/?p=1" class="level-0">Hello world!</option>
</select>
</div>
<div class="image-link link-custom1">
<input type="text" size="25" value="" name="wp_accordion_images[20110630022615][image_links_to]">
</div>
***然後重複四次:在#1變爲2..3 ... 4(此時最大爲4)。
我有能力標籤div .classes,選擇#ids和選項類。但是,我希望能夠做的是基於從div .link-posttypes中選擇的選項,我想要揭示.link-pages(如果選擇了頁面)或.link-posts(如果選擇了post)和。鏈接自定義爲所有其他(默認除外)。
因此,在屏幕上應該只有最初的div,並且一旦用戶選擇一個項目,適當的div出現。
我從來沒有在jQuery或JavaScript中開發任何東西。這是我的首航。任何幫助將不勝感激!
***此外,這將通過外部js文件加載。
問題已更新。原始答案是正確的,但我的問題是不準確的。有四個版本,JS需要只顯示基於mainSelector#的相應類(.link-posts2)。 –