עזרה ב select2

[WWW]

אני צריך פקד שיכול לשלב תיבת input ו select, דהיינו שיוכלו גם לבחור מהרשימה וגם להוסיף טקסט מחוץ לרשימה.
בינתיים מצאתי את האפשרות tags: true ב select2', שזה בעצם מכניס מיידית בעת הקלדה את הערך המוקלד לרשימה.
הבעיה בזה:

1 שאני צריך גם לעדכן את הערך ולפעמים בערך שאינו קיים ברשימה, מה שקורה שאם אני מעדכן בערך שאינו מהרשימה:

$('#id).val('ABC')

זה לא מתעדכן.
מצאתי לזה פתרון:

var newOption = new Option('ABC', 'ABC', false, false);
$('#id').append(newOption).val('ABC').trigger('change');

זה בעצם מכניס את הערך קודם לרשימה, הבעיה בזה, שאם הערך כבר קיים הוא נכנס פעמיים ברשימה...

2 אני רוצה שהערך יישמר מיד לאחר ההקלדה, בדומה להקלדה ב input, כאן כל זמן שהמשתמש לא לחץ על התוצאה, אפילו הוא הקליד את כל הטקסט, הערך לא יישמר בפקד.
(עריכה: את זה פתרתי עם הוספת המאפיין selectOnClose: true).

[chagold]

 if ($('#id').find("option[value='" + ABC + "']").length) {
    $('#id').val(ABC).trigger('change');
 } else {
   // Create a DOM Option and pre-select by default
   var newOption = new Option(ABC, ABC, true, true);
   // Append it to the select
   $('#id').append(newOption).trigger('change');
}

[WWW]

תודה רבה!
בדיוק עכשיו אני רואה את זה...
אבל משום מה זה נראה לי בית חולים מתחת לגשר...

[dovid]

@www זה מהתיעוד הרשמי https://select2.org/programmatic-control/add-select-clear-items

[WWW]

@dovid אני יודע ראיתי את זה שמה...
אני חושב שלהשתמש בכ"כ הרבה קוד בשביל שהתיבה תהיה משולבת input, זה בי"ח מתחת לגשר...
חשבתי שיש משהו יותר ייעודי לזה.
באקסס לדוגמה, יש את זה בהגדרה בודדת.

[WWW]

@chagold כעת זה עובד.

עדיין נשאר לי בעיה אחת...
אני צריך גם אפשרות לאפס את הרשימה, כי הפקד הזה נשאר פעיל לאחר שליחת הנתונים, רק שאני קובע לו ערך חדש: '', הבעיה שבמימוש הנ"ל, נשאר כל מה שהוספתי לרשימה.
אני רוצה שיישאר רק הערכים המקוריים.
כרגע שמתי את הערכים כתגיות option בתוך התגית select ב HTML.

[chagold]

לא הבנתי מה זה הערכים המקוריים? ולאפס למה?

[מנצפך]

@www אמר בעזרה ב select2:

תודה רבה!
בדיוק עכשיו אני רואה את זה...
אבל משום מה זה נראה לי בית חולים מתחת לגשר...

תתרגל.ככה זה בעולם האמיתי.
זה לא אופיס כאן.

[dovid]

אכן ככה זה כשאתה מחוץ לחממה של מקרוסופט ובפרט בג'ונגל של הHTML+JS.
אולי באנגולר יש נחיתה טיפה רכה יותר...

[WWW]

@chagold אמר בעזרה ב select2:

לא הבנתי מה זה הערכים המקוריים? ולאפס למה?

הערכים המקוריים, זה מה שמופיע ב HTML:

<select id="id">
<option value=""></option>
<option value="A">A</option>
<option value="B">B></option>
<option value="C">C</option>
...
</select>

הערכים שאני מוסיף באמצע ('ABC'), אני רוצה לנקות אותם אח"כ.
זה באמת לא קריטי, אבל יותר נחמד.

[chagold]

@WWW אני הייתי שומר משתנה בצד עם הערכים המקוריים ובאיפוס להעתיק אותו.

[WWW]

@chagold אמר בעזרה ב select2:

@WWW אני הייתי שומר משתנה בצד עם הערכים המקוריים ובאיפוס להעתיק אותו.

אם כבר, על אותו הדרך, אני משנה את זה שייקח את הערכים ממשתנה.
אבל זה ממש לא קריטי...

[יוסף בן שמעון]

לא הבנתי לגמרי מה אתה מחפש, אבל תבדוק אם הפקד datalist עוזר לך

[WWW]

@יוסף-בן-שמעון זה נראה בדיוק מה שאני מחפש.
אבל יש לו גם את החסרונות הנ"ל
הוא מכניס כל הקלדה חדשה לרשימה...

לגבי קביעת ערך, וכו' לא בדקתי.

[dovid]

@WWW אם אתה רוצה להרגיש מעין אקסס, עבור בדחיפות לאנגולר.
כך ייחסך לך לראות את מה שקורה תחת מכסה המנוע במלא כיעורו

[WWW]

@יוסף-בן-שמעון אמר בעזרה ב select2:

לא הבנתי לגמרי מה אתה מחפש, אבל תבדוק אם הפקד datalist עוזר לך

אני רואה שזה משהו חדש, שלא נתמך בכל הדפדפנים.

[WWW]

@dovid אמר בעזרה ב select2:

@WWW אם אתה רוצה להרגיש מעין אקסס, עבור בדחיפות לאנגולר.

עושה לי רושם של משהו קשה ללמידה.
אין לי מושג באנגולר

[dovid]

@www אני מדבר על angularjs.
אתה יכול להסתכל עליו סתם כjquery משוכלל יותר טיפה.
אם היית נותן דמו קטן של בעיותיך הייתי ממיר לך לאנגולר 1.