USER HTML within Control Application

Scriptcase 9 Discussion
#1

[SIZE=14px]Hello All,

I have implemented a form via the “control app”.
Working fine except for the Select Dropdown functionality.
The dropdown work fine BUT does not retain the “selected” option.
Code below:[/SIZE]

<form role=“form” {SC_FORM_ATTR}>
<!–SC_FORM_HIDDEN–>
<div class=“center”>
<!–SC_FIELD_LABEL_reportyear–>
<select class=“selectpicker” class="{SC_FIELD_CLASS}" name=“reportyear” {SC_FIELD_INFO_reportyear} </select>
</div>
<br /> <br />
<div class=“center”>
<!–SC_FIELD_LABEL_reportmonth–>
<select class=“selectpicker” class="{SC_FIELD_CLASS}" {SC_FIELD_INFO_reportmonth} </select>
</div>

<br /> <br />
<div class=“row” >
<div class=“center” class=“col-xs-12 col-md-6”>
<input type=“submit” value=“Get Monthly Report” class=“btn btn-primary btn-block btn-lg {SC_FORM_SUBMIT_INFO} {SC_FIELD_CLASS}” tabindex=“7”>
</div>
</div>
</form>

[SIZE=14px]Does anyone know how to capture the selected option via the markup?

Also note the strange implentation:[/SIZE]
<select class=“selectpicker” class="{SC_FIELD_CLASS}" name=“reportyear” {SC_FIELD_INFO_reportyear} </select>
If you close the tag in the normal fashion rubbish code appears, so I’ve overcome the issue as high-lighted above.

[SIZE=14px]regards
Mark[/SIZE]

#2

So far I have come up with the following:

[SIZE=18px]Within the HTML tab NOT JAVASCRIPT tab[/SIZE]
[B]<script>
$(document).ready(function(){

  $(function() {
       $('[name=reportyear]').val( '[reportyear]' );
})

   $(function() {
    $('[name=reportmonth]').val( '[reportmonth]' );
})

});
</script>[/B]

[SIZE=18px]Inside the HTML tab[/SIZE]
[B]<form role=“form” {SC_FORM_ATTR}>
<!–SC_FORM_HIDDEN–>
<div class=“center”>
<!–SC_FIELD_LABEL_reportyear–>
{SC_FIELD_INFO_reportyear}

 &lt;/div&gt;
 &lt;br /&gt; &lt;br /&gt;
 &lt;div class="center"&gt;
&lt;!--SC_FIELD_LABEL_reportmonth--&gt;
{SC_FIELD_INFO_reportmonth}
   
 &lt;/div&gt;


&lt;br /&gt; &lt;br /&gt;
  
         &lt;div class="row" &gt;
            &lt;div class="center" class="col-xs-12 col-md-6"&gt;
              &lt;input type="submit" value="Get Monthly Report" class="btn btn-primary btn-block btn-lg {SC_FORM_SUBMIT_INFO} {SC_FIELD_CLASS}" tabindex="7"&gt;
            &lt;/div&gt;
        &lt;/div&gt;

</form>[/B]

**
[reportyear] and [reportmonth] are declared within the onLoad event.

The documentation is very unclear. There is nothing that I could find to indicate how to set the SELECTED, hence the jquery methodology.

I would like to extend the class as well!

If there is a better way would someone please inform me ASAP.

Much appreciated
regards
Mark