Question

133

How to create HTML select option from JSON hash?

rated 0 times [ 136] [ 3] / answers: 1 / hits: 46938 / 13 Years ago, mon, january 30, 2012, 12:00:00

I have a simple JSON code:

[{'1':'Name'}, {'2', 'Age'}, {'3','Gender'}]

I have a select tag in my HTML:

<select name=datas id=datas></select>

I need a simple way to create HTML select box from this JSON, like this:

<select name=datas id=datas>

    <option value=1>Name</option>

    <option value=2>Age</option>

    <option value=3>Gender</option>

</select>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

eliasf

Add To Favorites

Follow

Total Points: 703

Total Questions: 97

Total Answers: 129

Location: Chad

Member since Tue, Apr 27, 2021

3 Years ago

eliasf questions

1 Cannot get Modal in Bootstrap 5 to open up using JavaScript

Thu, Jul 1, 21, 00:00, 3 Years ago

1 Unhandled Rejection (Error): Response not successful: Received status code 400 new ApolloError

Mon, Jun 21, 21, 00:00, 3 Years ago

1 next.handle(request) in multiple HTTP interceptors fails: undefined

Mon, Jun 29, 20, 00:00, 4 Years ago

1 Why does useState react hook cause Too many re-renders. React limits the number of renders to prevent an infinite loop

Thu, Apr 23, 20, 00:00, 4 Years ago

1 React-select How to clear options once user selected

Tue, Mar 10, 20, 00:00, 4 Years ago

View All

answered 13 Years ago meadowe · Accepted Answer

Just for kicks here is an answer in pure javascript, also you probably do not need an array for this just a simple object will suffice

    <select name=datas id=datas></select>

    <script>



        html = ;

        obj = {

            1 : Name,

            2: Age,

            3 : Gender

        }

        for(var key in obj) {

            html += <option value= + key  + > +obj[key] + </option>

        }

        document.getElementById(datas).innerHTML = html;



    </script>