dropdownlist2 תלוי בערך שנבחר ב dropdownlist1

Question

הי!

אני כותבת קוד בvb.net וב asp.

יש לי שני dropdownlist,הראשון: ddlstate1 והשני ddlcat1.

ddlstate1 מוגדר באופן הבא:

                        <asp:DropDownList ID="ddlState1" runat="server" onchange="javascript:validate(this.name,this);">
                            <asp:ListItem Text="Select" />
                            <asp:ListItem Text="NY" />
                            <asp:ListItem Text="NJ" />
                        </asp:DropDownList>

אני צריכה שאם המשתמש בוחר בddlstate1 את הערך NY שddlcat1 יקבל את הערכים:

"search","municipals"

כש search צריך ליהיות ברירת במחדל.

ואם המשתמש בוחר בddlstate1 את הערך  NJ שddlcat1 יקבל את הערכים:

"Search", "Rundown/Contin","Cover Record ","Other"

לאחר מכן אני צריכה לדעת/להחזיר את הערך שהמשתמש בחר ב ddlcat1.

זה מאד דחוף לי,

אם מישהו יכול לעזור לי,תודה רבה!

---

miritmann

Answer 1

אם יש לך פרטים מדויקים בתוך הDDL (וזה לא נלקח מהDB או משהו), אל תעשי את זה DDL.

תעשי את זה select רגיל של html.

ובonchange תשלחי אותו לjavascript ששואל על הערך ומכניס לפי זה ערכים לselect 

ככה מכניסים ערכים לselect:

$('#mySelect')
         .append($("<option></option>")
         .attr("value",key)
         .text(value)); 

וככה מוחקים את כל הoptions:

$('#mySelect')
    .find('option')
    .remove()

Answer 2

תודה על התגובה!

אתה יכול לתת לי קצת יותר פרטים,

אני ממש לא יודעת javascript...

---

miritmann

Answer 3

תלמדי, זה חשוב!

html:

        <select id="select1" onchange="setSelect2()">
            <option value="0">Select</option>
            <option value="1">NY</option>
            <option value="2">NJ</option>
        </select>

        <select id="select2">
        </select>

javascript:

function setSelect2() {
                debugger;
                //remode all the option in the select
                $('#select2')
                    .find('option')
                    .remove();

                if ($("#select1").val() == "1") {
                    //add new option to select
                    $('#select2')
                     .append($("<option></option>")
                     .attr("search", "search")
                     .text("search"));

                    $('#select2')
                     .append($("<option></option>")
                     .attr("municipals", "municipals")
                     .text("municipals"));
                }
                if ($("#select1").val() == "2") {
                    //add new option to select
                    $('#select2')
                     .append($("<option></option>")
                     .attr("Search", "Search")
                     .text("Search"));

                    $('#select2')
                     .append($("<option></option>")
                     .attr("Rundown/Contin", "Rundown/Contin")
                     .text("Rundown/Contin"));

                    $('#select2')
                     .append($("<option></option>")
                     .attr("Cover Record", "Cover Record")
                     .text("Cover Record"));

                    $('#select2')
                     .append($("<option></option>")
                     .attr("Other", "Other")
                     .text("Other"));
                }
            }

לא לשכוח:

<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>

Answer 4

ממש תודה רבה לך!

אין לי מילים על העזרה המהירה...

האם אני יכולה להשאיר את ה ddlstate1  כ dropdownlist?

וממנו לקרוא ל "setselect2"?

אם אני משנה אותו ל select זה מסבך לי את כל הקוד...

---

miritmann

Answer 5

כן, אבל את הonchange את צריכה להוסיף בcs:

        select1.Attributes.Add("onchange", "setSelect2()");

Answer 6

משום מה הוא לא מצליח לבצא את הפונקציה: setSelect2.

הוא מגיע עד השורה השניה וזהו.

יש  לך אולי מושג למה?

---

miritmann

Answer 7

תנסי במקום לכתוב: 

$("#select1")

לכתוב:

$("#<%=select1.ClientID%>")

Answer 8

ניתן גם

select1.Attributes.Add("onchange", "setSelect2(this)");

ואז להעביר את האלמנט בתור פרמטר

Answer 9

תודה על התגובה,

אבל הוא אפילו לא מגיע עד לשם:

function setSelect2() {
                debugger;
**********************************************************
עד לפה הוא מבצע,מכאן והלאה הוא מתעלם...
                //remode all the option in the select
                $('#select2')
                    .find('option')
                    .remove();
                if ($("#select1").val() == "1") {
                    //add new option to select
                    $('#select2')
                     .append($("<option></option>")
                     .attr("search", "search")
                     .text("search"));
                    $('#select2')
                     .append($("<option></option>")
                     .attr("municipals", "municipals")
                     .text("municipals"));
                }
....

החלפתי את זה  $('#select2') במה שכתבת אבל גם זה לא עזר...

אני קוראת לפונקציה הזו מתוך פונקצית javascript אחרת ושולחת כפרמטר את ה ddlstate ואת ה select, (ולא ddl), בשם cat1

        function setSelect2(ddlState1,ddlcat1) {
      
                debugger;
                  alert("i am here1");
                //remove all the option in the select
                $('#ddlcat1')
                    .find('option')
                    .remove();
                    
                 alert("i am here2");
 
                if ($("#ddlState1").val() == "Search") {
                    //add new option to select
                    $('#ddlcat1')
                     .append($("<option></option>")
                     .attr("search", "search")
                     .text("search"));
                    $('#ddlcat1')
                     .append($("<option></option>")
                     .attr("municipals", "municipals")
                     .text("municipals"));
                }
                if ($("#ddlState1").val() == "Municipals") {
                    //add new option to select
                    $('#ddlcat1')
                     .append($("<option></option>")
                     .attr("Search", "Search")
                     .text("Search"));
                    $('#ddlcat1')
                     .append($("<option></option>")
                     .attr("Rundown/Contin", "Rundown/Contin")
                     .text("Rundown/Contin"));
                    $('#ddlcat1')
                     .append($("<option></option>")
                     .attr("Cover Record", "Cover Record")
                     .text("Cover Record"));
                    $('#ddlcat1')
                     .append($("<option></option>")
                     .attr("Other", "Other")
                     .text("Other"));
                  
                }
            }
    </script>

ואני קוראת לפונקציה הזו מתוך פונקציה javascript אחרת:

setSelect2 (ddlState.name, cat.name);

---