What is the “proper” way to generate a javascript variable depending on a custom field value?

You may wish to look at this question. In that question, the admin-ajax url is passed through, but it can be any variable (or array of variables), like for instance $nameAttribute.

For instance, you would call 

wp_localize_script('my_js_file_handle','my_js_object',array('attribute'=>$nameAttribute))`

then in your js file, the variable would be accessible from my_js_object.attribute.

(You must enqueue the javascript file though!)

Related Posts:

  1. Adding javascript to child theme
  2. Loading different JS for http and https
  3. Trying to integrate Zoho Campaign Form [closed]
  4. get_header() in backend – but keep JavaScript and CSS files
  5. adding script tag in head of specific pages
  6. WOW.js Script Tag Initialization Header/Footer
  7. PHP or JS for header image rotator?
  8. Javascript not working on index.php but it is working on single post’s page
  9. How to get all place details from a Place Details Request using Google Places API Web Service?
  10. How do I check whether a checkbox is checked in jQuery?
  11. SyntaxError: Unexpected token o in JSON at position 1
  12. What does the function then() mean in JavaScript?
  13. Understanding unique keys for array children in React.js
  14. Heroku: “No default language could be detected for this app” error thrown for node app
  15. Loop inside React JSX
  16. Can’t resolve module (not found) in React.js
  17. Is there a difference between /\s/g and /\s+/g?
  18. How to read an external local JSON file in JavaScript?
  19. Setting a backgroundImage With React Inline Styles
  20. Filter array to have unique values
  21. How do I chop/slice/trim off last character in string using Javascript?
  22. What is causing this error – “Fatal error: Unable to find local grunt”
  23. Escape quotes in JavaScript
  24. “Uncaught (in promise) undefined” error when using with=location in Facebook Graph API query
  25. Programmatically change the src of an img tag
  26. Unable to preventDefault inside passive event listener
  27. JavaScript variable assignments from tuples
  28. jQuery $.cookie is not a function
  29. Setting background-image using jQuery CSS property
  30. What is ESNext?
  31. SyntaxError: Cannot use import statement outside a module
  32. What does “export default” do in JSX?
  33. Cannot find module ‘internal/fs’ after upgrading to node 7
  34. How can I select an element by name with jQuery?
  35. How can I group data with an Angular filter?
  36. jQuery disable/enable submit button
  37. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  38. node-request – Getting error “SSL23_GET_SERVER_HELLO:unknown protocol”
  39. TypeError: ‘undefined’ is not an object
  40. Uncaught TypeError: Cannot read property ‘appendChild’ of null
  41. javascript setTimeout() not working
  42. JQuery issue “TypeError: $.getJSON is not a function”
  43. Why is marquee deprecated and what is the best alternative?
  44. Retrieve the position (X,Y) of an HTML element
  45. command not found: jest
  46. How to access Session variables and set them in javascript?
  47. Google Maps JS API v3 – Simple Multiple Marker Example
  48. HTML onchange (this.value)
  49. SyntaxError: Use of const in strict mode
  50. socket.io – ReferenceError: io is not defined
  51. What is the difference D3 datum vs. data?
  52. How to check if a number is between two values?
  53. How to determine if Javascript array contains an object with an attribute that equals a given value?
  54. Download a file by jQuery.Ajax
  55. What does “export default” do in JSX?
  56. Error: Couldn’t find preset “es2015” relative to directory “/Users/username”
  57. Using Angular 2 without TypeScript Transpiler
  58. How to intercept already localized scripts
  59. Customizer JS API
  60. Is there a way to enable Cross-Origin Resource Sharing for WordPress’ ajaxurl?
  61. How to get the ToggleControl Gutenberg component working for a PHP Block
  62. How to append a URL parameter to all outbound URLs
  63. Loading Javascript Only When Specific Content Existing in a Post?
  64. Javascript Helpers
  65. wp_register_script unable to link bootstrap JS
  66. Rest API invalid nonce with Backbone Client
  67. How do I change number of columns in a proper way in twentyfourteen child theme?
  68. Gutenberg block “This block appears to have been modified externally” on save
  69. How do I embed a Javascript form directly into a page?
  70. Using google graph api with wordpress
  71. Enqueue script if screen is greater than 500
  72. remove inline scripts from the_content() produced by plugins?
  73. Help display image in single post using javascript zoom image..?
  74. How to set callback to execute after all the tinyMCE editors have been initialized?
  75. Checks when fetching data from multiple REST API endpoints in Gutenberg
  76. How to get the title of the item that is clicked on
  77. Correct way to include extra styles & script files?
  78. Correctly enqueue scripts of type=text/paperscript (PaperJs Library)
  79. useSelect second parameter
  80. How can I allow HTML in Gutenberg UI elements help text?
  81. How do I make my wordpress post appear in a mouse hover preview?
  82. Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
  83. UnitControl – Block has encountered an error
  84. Should I manually resolve WP Core File security issues or await a subsequent WP release?
  85. jQuery UI Tools: Scrollable: More than 1 instance possible?
  86. imporing HTML+javascript from REST API
  87. Uncaught TypeError: switchEditors.switchto is not a function
  88. Check if user can in javascript
  89. Rest API and how to deal with it in server side
  90. Is it possible to override only a part of another plugin’s / theme’s js (asset) file?
  91. VisualComposer/WPBakery Page Editor: Is any JS event triggered after the Edition pop-in is shown?
  92. How do I integrate a codepen?
  93. How do I add my own scripts to the add_action(‘wp_enqueue_scripts’) function?
  94. Post title and url not showing on google map marker [closed]
  95. Including js script at end of header
  96. How to modify a class in load-scripts.js ?
  97. Trigger a function during onload
  98. Add Javascript/Html into a WordPress
  99. Google AdSense Ad not showing up in WordPress Blog [closed]
  100. How can I look at/edit what’s being sent to post.php when I hit the publish/update button?