set the input field value using an AJAX variable

<input type="text" id="all_lineitem" name="all_lineitem[]">

function getlineitemid(){
var a = $('#purchase_req').val();
$('#hidden_req').val(a);
var req = $('#hidden_req').val();
//alert(req);
$.ajax({
type: "POST",
url: "<?php echo admin_url('PurchaseOrder/getlineitemid/')?>", 
data: {"req":req}, 
dataType : 'json',

success: function(data) {
 var lineitemid = data.lineitemid;
 for(var i = 0; i<parseInt(lineitemid.length); i++){
console.log(lineitemid[i].id);
$('#lineitemid1').val(lineitemid[i].id);
 var a = lineitemid[i].id;
 $('#all_lineitem').val(a); 
 alert(a);
 }
}
});
}

Variable a does not have its value assigned to the input field. I am looking to include multiple values in the input field.

Answer №1

Your json data structure should look something like this:

{"lineitemid":[{"id":1,...},{"id":2,...},...],...} 

When you iterate through the data and assign the id to a textbox, only the last value is displayed in the textbox. To fix this issue, you can create an array to store the ids and then use the toString() method to display them as comma-separated values.

success: function(data){
    var lineitemid = data.lineitemid;
    var array = [];
    for(var i = 0; i<parseInt(lineitemid.length); i++){
        var a = lineitemid[i].id;
        array.push(lineitemid[i].id);
    }
    $('#all_lineitem').val(array.toString()); 
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Tips for showing a multiline string in a textarea

Setting the value of a textarea is straightforward: var foo='<div>Some html</div>\r\nSome html<br /><br />\r\n\r\n<div >Some html</div>\r\n</b>'; $('#my_texta ...

Switching to fullscreen mode and eliminating any applied styles

I'm trying to enable fullscreen mode with a button click. I've added some custom styles when the window enters fullscreen, however, the styles remain even after exiting fullscreen using the escape key. The styles only get removed if I press the e ...

Utilizing data attributes to configure jQuery plugin settings

Having trouble assigning options to an array value in a jQuery plugin using data attributes. When referencing the data attribute with a class selector: $('.tm-input').tagsManager( { prefilled: $('.tm-input').data('loa ...

Show detailed information in a table cell containing various arrays using AngularJS

After integrating d3.js into my code, I now have an array with key-value pairs. Each team is assigned a key and its corresponding cost is the value. When I check the console log, it looks like this: Console.log for key and value Rate for current month [{ ...

JavaScript condensed into a single table cell rather than occupying an entire webpage

Hey there, I have a simple question that I can't seem to find the answer to anywhere. I'm working on a JavaScript function that pulls data from my database and I want it to display in one cell of a table instead of outputting to the entire page. ...

Looking for guidance on how to specify the angular direction in the ng-repeat

I am facing a challenge with the structure of my ng-repeat directive and I am having trouble navigating through it. Here is a representation of the data in array format JSON style {"data":[ ["sameer","1001", [ {"button_icon": ...

Passing a null value from jQuery Ajax to servlets

Currently, I am working on a sample application utilizing jQuery ajax. In my Login.jsp file, the code snippet looks something like this: <html> <script> $(document).ready(function() { $("#dialog").dialog(); $("#Login ...

What is the reason behind MSIE 8 displaying an HTTP status code of 12150?

I'm encountering an issue with an unusual HTTP status code while using MSIE8. When I make an HTTP GET request to the following URL: /cgi-bin/objectBrowser/snap.pl?file_key=28 Upon inspecting the Raw response in Fiddler, I observe the following: H ...

Problems arise when using $(window).width() in conjunction with scrolling functionality

I am attempting to ensure this code only activates when the device window exceeds 960px and triggers when the window scrolls down 700px. The second condition is functioning as intended, but the first condition is not working properly. The code functions f ...

When using angular ui-router, the fromState will result in an empty object

While using angular ui-router, I encountered an issue where the fromState parameter was returning an empty object, while the toState was functioning correctly. I am trying to access fromState.name. This is how my controller looks: .controller('MainCt ...

Deploying CSS/JS files in Magento 2 is a crucial

Hello, I recently set up magento2 with the sample data included. After attempting to deploy static css/JS using the command php bin/magento setup:static-content:deploy, I didn't receive any errors but the issue persists. Additionally, I am unable to l ...

Passing the value in a td element to a JavaScript function using Thymeleaf onClick

Trying to utilize "Thymeleaf" for the first time, I am attempting to pass a value to JavaScript with the following code: onclick="getPropId('${properties.id}')" The corresponding function is as follows: getPropId(inputID){alert(inputId);} Unf ...

Is it possible to utilize Javascript instead of PHP Curl to present JSON API data?

After successfully displaying JSON API data from openweathermap.org on my HTML webpage using PHP Curl, I am now seeking help to achieve the same output using Javascript. My PHP script retrieves JSON data from the source, and here is a snippet of that PHP c ...

Encountering a registration error persistently: [TypeError: Network request failed]

Currently, I am in the process of developing an application using React for the frontend and node.js for the backend. However, I have encountered a persistent network error whenever I try to sign up or log in. What puzzles me is that when I test the API en ...

Tips for stopping execution in Discord.js if the user no longer exists?

I'm currently working on a discord bot and encountered a minor issue. I am using "messageReactionRemove" and "messageReactionAdd" to manage certain roles by removing or adding them, but the problem arises when a user leaves the server. When this happe ...

Build a custom Angular2 pipe to convert JSON data into an array through iteration

I am attempting to take the JSON data provided below and convert it into an array for use with *ngFor='let item of items', which will allow me to display data as item.name, etc... This is what I have tried: var out = []; for(var key1 in object) ...

Guide on incorporating jQuery into a jQuery plugin within an Angular 2+ application using Webpack or Angular CLI

I'm running into an issue importing a jQuery plugin into a single Angular component. It works fine in most browsers, but IE 11 is giving me this error: SCRIPT1002: Syntax error main.bundle.js (1376,1) When I investigate the error, it points me to th ...

Exploring the best practices for rendering nested array elements in React.js

Is there a way to display only one URL from a nested array in React using CardMedia component? https://i.sstatic.net/K6JDz.png {props.currentTodos.map((currentTodo) => ( <CardMedia className={cl ...

Step-by-step guide on mocking an asynchronous function in nodejs with jest

Within this function, I need to mock the httpGet function so that instead of calling the actual function and returning its value, it will call a simulated function fetchStudents: async(req,classId) => { let response = await httpGet(req); return r ...

Enabling Proper Emission of 'Change' in Custom Widgets at Dojo Practice

Picture this: there's a listener set up for the native dijit/form/Select element, ready to respond to the change event: nativeSelectWidget.on('change', lang.hitch(this, onSelectClick)); Now, I've developed my own custom widget that cl ...