I have a template that has a multiselect control on it. I want to be able to hide it or show it dynamically.
How would i gain reference to this to call show/hide on it. Im doing something similar on a form and can call $("#daysOfMonth").hide() and it works fine. Doesn't work in the popup editor however. Any clues how to do this?
<
script
id
=
"popup_editor"
type
=
"text/x-kendo-template"
>
<
div
id
=
"monthlyOptions"
>
<
label
>Select Days of Month</
label
>
<
select
id
=
"daysOfMonth"
name
=
"daysOfMonth"
multiple
=
"multiple"
data-placeholder
=
"Select Days"
data-role
=
"multiselect"
>
<
option
>1</
option
>
<
option
>2</
option
>
<
option
>3</
option
>
<
option
>4</
option
>
<
option
>5</
option
>
<
option
>6</
option
>
<
option
>7</
option
>
<
option
>8</
option
>
<
option
>9</
option
>
<
option
>10</
option
>
<
option
>11</
option
>
<
option
>12</
option
>
<
option
>13</
option
>
<
option
>14</
option
>
<
option
>15</
option
>
<
option
>16</
option
>
<
option
>17</
option
>
<
option
>18</
option
>
<
option
>19</
option
>
<
option
>20</
option
>
<
option
>21</
option
>
<
option
>22</
option
>
<
option
>23</
option
>
<
option
>24</
option
>
<
option
>25</
option
>
<
option
>26</
option
>
<
option
>27</
option
>
<
option
>28</
option
>
<
option
>29</
option
>
<
option
>30</
option
>
<
option
>31</
option
>
</
select
>
<
span
class
=
"k-invalid-msg"
data-for
=
"daysOfMonth"
></
span
>
</
div
> </
script
>
How would i gain reference to this to call show/hide on it. Im doing something similar on a form and can call $("#daysOfMonth").hide() and it works fine. Doesn't work in the popup editor however. Any clues how to do this?