เลือกช่องกรอกช่องเลือกเดียวกัน

ฉันต้องสร้างเว็บไซต์ แต่ฉันติดขัด... เพราะฉันรู้แค่วิธีทำงานกับ php และ html เท่านั้น... จากการวิจัย ฉันเข้าใจว่าเป็นไปไม่ได้เลยหากไม่มีจาวาสคริปต์ เพราะ php ประมวลผลล่วงหน้าเท่านั้น ..

ปัญหาของฉัน: ฉันต้องการให้ผู้ใช้สามารถคลิกตัวเลือกในกล่องเลือกและตัวเลือกที่เลือกจะเปลี่ยนกล่องเลือกถัดไป ความหมาย: กล่องเลือกแรกของฉันได้รับข้อมูลจากฐานข้อมูลของฉัน... ขึ้นอยู่กับตัวเลือกที่ทำในกล่องเลือกแรก กล่องเลือกที่สองจะต้องเต็มไปด้วยตัวแปรใหม่ซึ่งเขาได้รับจากฐานข้อมูลด้วย และตัวเลือกในอันที่สองจะทำให้เกิดตัวเลือกในอันที่สามและต่อๆ ไป

ฉันต้องการสิ่งนี้เพราะฐานข้อมูลของฉันเป็นต้นไม้... ความหมาย: ฉันมีหมวดหมู่ (ซึ่งฉันจะโพสต์ในกล่องเลือกแรก) และให้เฉพาะหมวดหมู่ย่อยของหมวดหมู่ที่เลือกในกล่องเลือกที่สองและอื่น ๆ...

การใช้สิ่งนี้: ผู้ใช้จะต้องสามารถเพิ่มวัตถุใหม่ในฐานข้อมูลโดยเลือกตำแหน่งที่เขาต้องการและคลิกที่ปุ่ม +- เพื่อบอกฉันว่าเขาต้องการเพิ่มที่ไหน ... ผู้ใช้ไม่ได้ถูกผูกมัด เพื่อลงทั้งต้นไม้และควรจะเพิ่ม object ในหมวดหมู่ หมวดย่อย หรือแม้แต่เพิ่มเติมใน...

ฉันหวังว่าคำอธิบายของฉันจะสมเหตุสมผล =s เพื่อให้มีคนช่วยฉันได้ เพราะฉันไม่ได้รับ javascript เลย =s ฉันค้นหามาเป็นเวลา 1 สัปดาห์แล้ว แต่ยังไม่พบอะไรเลย... มันค่อนข้างยากที่จะค้นหาบางสิ่งที่ คุณไม่รู้ชื่อ... ดังนั้นใครก็ได้ช่วยหน่อยเถอะ ขอบคุณล่วงหน้า


javascript drop-down-menu onclick
person user2608225    schedule 22.07.2013    source แหล่งที่มา
comment
ความเป็นไปได้ที่ซ้ำกันของ เปลี่ยนตัวเลือกกล่องเลือกแบบไดนามิกตามการเลือกตัวเลือกก่อนหน้า   -  person fanfavorite    schedule 23.07.2013

คำตอบ (1)


arrow_upward
0
arrow_downward

ฉันจะใช้ jQuery และทำการร้องขอ ajax ทุกครั้งที่กล่องเลือกของคุณมีการเปลี่ยนแปลง บางอย่างเช่น

$(function(){
    $('input#theDropDown').change(function(){
        var theValue = $(this).val();
        $.ajax({  
           type: "GET",   
           url: "getData.php",  
           data: "TheValue=" + theValue,   
           success: function(response) { 
              // I would think 'response' would be a json string or something which contains the values the next dropdown should have
           }
    });
});

โดยที่ดรอปดาวน์เป็นองค์ประกอบอินพุตที่มี id=theDropDown

ข้อมูลเพิ่มเติม: http://api.jquery.com/jQuery.ajax/

person sbonkosky    schedule 22.07.2013