javascript - How to sort a html -


we wanted sort following html using javascript:

<fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="32gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">32gb</span></label></fieldset> <fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="16gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">16gb</span></label></fieldset> <fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="128gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">128gb</span></label></fieldset> <fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="64gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">64gb</span></label></fieldset>

to this:

<fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="16gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">`16gb</span></label></fieldset> <fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="32gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">32gb</span></label></fieldset> <fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="64gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">64gb</span></label></fieldset> <fieldset class=""><input type="radio" name="devicestorage" id="storage3" value="128gb" class="storage-option device-storage3"/><label for="storage3" class="device-storage-label"><span class="big-size">128gb</span></label></fieldset>

how can achieve this?

<!doctype html>  <html>  <body>    <p>click button sort array.</p>    <button onclick="myfunction()">try it</button>    <p id="demo"></p>    <script>  var fruits = ["32gb", "16gb", "128gb", "64gb"];  document.getelementbyid("demo").innerhtml = fruits;    function myfunction() {      fruits.sort();      fruits.sort(function(a, b){return a.length-b.length});      document.getelementbyid("demo").innerhtml = fruits;  }  </script>    </body>  </html>


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more