I want to show a division as per the selected value in drop down list when page loads. For example,
If I have a drop down containing 2 options and i have selected option 2 and it shows a div2 then when page reloads, it should again show the option2 selected and div2 shown instead of option1 and its div1.
Related
I have multiple Dropdown list. Each dropdown have values from 1 upto 10.
In first dropdown list, if the user selects value 2, then automatically the value 3 will be shown in the second dropdown list.
So in the end, if the user selects a value from the first dropdown list, I must show the value, incremented by one on the second dropdown list.
How can I do it in Angular?
I have created a component of custom drop down list, for re-use it in another components like form.
I am using two components
1) Form (Parent Component)
2) drop-down (Child Component)
Form component has two drop-down list first is Country Name list and second is Cities Name list. The data is sending from parent component to make the drop down-list.
The expected behaviour is as follows.
1) On clicking the Country input field, the list of Country Names drop-down should be open
2) On clicking the Country input field again, the drop-down should be hide
3) On clicking any where in page the drop-down should hide.
4) On clicking another drop-down input field the relevant drop-down list should be open and same time other drop-down should be hide.
Every-thing is working fine except following.
If Country down-list is already opened and same time I click on Cities drop-down input field the relevant Cities drop-down get opened.
But the Country drop-down list is not getting hiding. The expectation is Country drop-down list should hide.
My page tree looks like this:
Index:
- List
- SingleElement
- Folder
"Folder" contains content elements that i would like to display in a form of a list on page "List". Each element of this list should link to (different) single content element. How can I create such links, and display single content element in page "SingleElement".
2 different content elements are required to solve your questions.
Menu of content elements
To create a menu of content elements, go to your page List and add a content element "Special Menu" (inside the tab "Special elements"). As "Menu Type" please select Section Index and below select the page "List" in the "Selected Pages" field.
Reference of a content element
To reference a content element from one page at another page, use the content element "Insert record" which can be found in the tab "Special Element". At the field "Records" select the content elements you want to reuse.
I'm using Select2 (version 4.0.2) to allow users to select multiple values and make tags of them. The problem is that when the span holding the tags is expanded after new tags are selected, the drop-down values list area is not repositioned accordingly.
This figure shows the Select2 area containing several previously selected values, prior to selecting additional values:
This figure shows what happens after I select one or more choices, which are hidden because the tags area is taller than it was, but the drop-down options list is stuck in the same position:
If I take focus from (blur) the tag area, the drop-down is re-displayed in the proper position to show all of the currently selected values/tags:
Question
How do I get the drop-down options area to dynamically reposition as new tag values are selected? Can I intercept a Select2 event and somehow force it to recalculate the vertical position? Or perhaps blur() then focus() the span each time a selection is chosen?
The solution I came up with was to force the drop-down element to be resized whenever a drop-down choice was selected or de-selected, which required catching the "change" event:
// Apply Select2 to the <select> element
var select2Elem = $("#" + controlID).select2(opts);
// Force drop-down list to resize upon select/unselect
select2Elem.on("change",
function(evt) {
select2Elem.resize();
}
);
i want to do a function,that is in page-based,i add a button,when i click the button,pop-up a Select box.In the selected box input the page number,but how can i realize that when i input the page number,the page jump to the specified page
edit:
I want to do a calendar,the label title bar in the top i have used button,now,it is that when i press the button,it will pop up a marquee,in there have month.now ,i want to press a month in the press box,then turn to the corresponding page.