razor and jquery select

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Natasha 79 posts 195 karma points

Jan 22, 2016 @ 17:10

Hi there

This is making me dizzy!

I am trying to use jquery so that when a user selects said value the list is sorted by that value, but my Syntax is wrong and whatever I try doesn't work. Please help!

This is my code:

    Order by:
    <select id="myselect">
  <option value="title">Title</option>
  <option value="Last   Updated">Last Updated</option>
  <option value="Themes">Themes</option>
  </select>


<script type="text/javascript"> 
$(document).change(function() {
  if ($("#mySelect").val() == "Title") {
      var selection = Model.Children.OrderBy("id desc");}
    if ($("#mySelect").val() == "Title") {
      var selection = Model.Children.OrderBy("lastUpdated");}


});
</script>

Thanks in advance Natasha

Copy Link

Alex Skrypnyk 6175 posts 24186 karma points MVP 8x admin c-trib

Jan 23, 2016 @ 12:25

Hi Natasha,

Maybe you need selector like that :

<script type="text/javascript"> 
$('#mySelect').change(function() {
  if ($("#mySelect").val() == "Title") {
      var selection = Model.Children.OrderBy("id desc");}
    if ($("#mySelect").val() == "Title") {
      var selection = Model.Children.OrderBy("lastUpdated");}


});
</script>

Thanks,

Alex

Copy Link

Bijesh Tank 192 posts 420 karma points

Jan 25, 2016 @ 09:51

Hi Natasha

I would also take a look at your casing of id's and values as this can prevent your JS from running.

e.g.

 Order by:
<select id="mySelect">
  <option value="title">Title</option>
  <option value="lastupdated">Last Updated</option>
  <option value="themes">Themes</option>
</select>

$('#mySelect').change(function() {
  if ($("#mySelect").val() == "title") {
........

/B.

Copy Link

Natasha 79 posts 195 karma points

Jan 27, 2016 @ 16:45

0

This hasn't worked I think because my content is in a table so I'm going to have to use a different approach - using a datatable, but thanks for your help.

Copy Link
is working on a reply...

Please Sign in or register to post replies