How to assign value from an Object to an element in jquery

Question

I have these data fetched from an API call:

I want to show these data to select option elements so I have this line of codes in my AJAX script file:

$.each($(value.routes), function(index, route){
     $('.searchable-select').append('\
     <option value="'+route+'"> From: '+route+'</option>\
     ');
});

How can I set the option value as 1 and 2 and the string ("From:...") as the text from this object?

That's not an array but an object with numeric keys hence the first parameter of the callback should be named "key" or "property" because it's not an index. Then just use the key/property instead of route for the value — Andreas
– Andreas, Commented Aug 15, 2017 at 7:33
You want to iterate the routes and pass the data to the <option value="${index}">${valueString}</option> and append it on the <select> right? — Jrey
– Jrey, Commented Aug 15, 2017 at 7:46

Jrey · Accepted Answer · 2017-08-15 07:59:45Z

1

If you want to iterate the routes object, you can use the $.each of jquery.

Codes look like this.

var routes = {
	1: "From Davao Del Sur (Phillipines) ...",
	2: "From Soccsksargen (Phillipines)"
}

var select = '<select>';
$.each(routes, function(index, route) {
	select += '<option value="'+ index +'">'+ route +'</option>';
})
select += '</select>';

$('#demo').html(select);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="demo"></div>

answered Aug 15, 2017 at 7:59

Jrey

1,6382 gold badges17 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Danmoreng · Accepted Answer · 2017-08-15 07:47:08Z

0

If I understand you correct, you want to do String splitting:

var route = "From: Davao Del Sur (Phillipines) - To: Soccsksargen (Phillipines)";
var from = route.split("From: ")[1].split(" - ")[0];

console.log(from);

// How it works:
// Split String into array by using "From: " as seperator:
var array1 = route.split("From: ");
console.log(array1);
// take second element from array
console.log(array1[1]);
// split the element into another array using " - " as seperator:
var array2 = array1[1].split(" - ");
console.log(array2);
// take first element from array
console.log(array2[0]);

// done

answered Aug 15, 2017 at 7:47

Danmoreng

2,3671 gold badge20 silver badges32 bronze badges

1 Comment

Jay Marz Over a year ago

Sorry but I don't want to split the string. The string value "From: Davao Del Sur (Phillipines) - To: Soccsksargen (Phillipines)" has to be put as text inside option element and the numbers 1 and 2 as its values.

Collectives™ on Stack Overflow

How to assign value from an Object to an element in jquery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related