Score:-3

Drupal

How do I read element attribute from $form_state?

ilechcod

8/4/23, 5:53 PM

I am trying to hide entity id from my autocomplete fields. I downloaded a jquery script that removes the bracketed id and updates the autocomplete element with the new element. It then writes the entire value to the element's data like this

$(event.target).data('real-value','6');

I even updated this to use attr instead of data, I cant read this information from my Drupal form_state.

I set a data attribute on my autocomplete element using jquery like this

$(event.target).attr('real-value','6');

How do I get this value from my $formstate or $form object in my form submit function? Using dpm($form['elementname']) doesn't even show this atrribute.

I've tried $formstate->getValue(). Doesn't work?

Here's the script I'm using...

hide autocomplete id jquery

Just wondering why does the jquery successfully change the value of the autocomplete textbox, but cant change an attribute on the same element?

0 + 0

forms

cilefen

8/4/23, 7:17 PM

Because JavaScript added the attribute I don't see how Drupal's Form system would know about it.

ilechcod

8/4/23, 8:28 PM

Thanks Cilefen. But I've also tried adding the attribute to the form element using Drupal `'#attributes => ['test']` and then tried changing attribute value in jquery. But formstate still returns 'test' as the value.

cilefen

8/4/23, 8:40 PM

If you have tried this with different code then that is a different question. Also data attributes are not data attributes if they do not begin with `data-`. https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Score:1

Drupal

cilefen

8/4/23, 8:31 PM

This is impossible as written. Drupal's Form system does not have information about attributes added solely by JavaScript.

Drupal's Form system does not have information about attributes modified solely by JavaScript.

0 + 0

ilechcod

8/4/23, 9:10 PM

Thanks Cilefen, but this obviously doesn't help me at all. I need to know how to modify existing form element attributes and read it from Drupal 8. After all, ajax is commonly used to replace a textfield value using jquery. Pls how can I achieve this result?

ilechcod

8/4/23, 9:11 PM

Your answer does not point me in the right direction of how to achieve my aim.

apaderno

8/4/23, 9:58 PM

This answer is correct: In Drupal, AJAX used in a form still involves PHP code. PHP won't know about an attribute added by JavaScript code.

cilefen

8/4/23, 10:57 PM

The question asks how to do this with JavaScript in a specific way. I answered rightly that it is not possible. Ask a different question for a different answer. I don’t know what you are actually trying to do.

cilefen

8/4/23, 11:01 PM

I’m just guessing but you may need the Ajax API https://www.drupal.org/docs/drupal-apis/javascript-api/ajax-forms

ilechcod

8/5/23, 5:14 PM

Thanks Cilefen. I have updated the question to show exactly what I am trying to do. Also I cant do this using Chosen Ajax since Im on Drupal 8. Thanks

Clive

8/5/23, 5:20 PM

@ilechcod it feels like you might be fundamentally misunderstanding how HTML forms work - all that can be submitted is the current value of an input element, arbitrary attributes like the ones you’re adding are never submitted. You can do anything you want with JS to manipulate values before they’re sent of course, but a browser that’s behaving itself will never try to send attributes to the form action

ilechcod

8/5/23, 7:17 PM

@Clive - so in other word, it's not possible to store something on an existing element attribute using jquery and then read the attribute from Drupal form system. Right. So then which other way can I achieve my purpose please? I know I can fire an ajax event from the autocomplete, set the value the attribute using invokecommand and then return an ajaxrespose. But i just felt it would be good to set the autocomplete's attribute the same place Its value was being set - in the selection handler. That's cleaner code. So what do you think? Thanks

Clive

8/5/23, 8:10 PM

One approach would be to add a hidden field (`'#type' => 'hidden'`), and set its value with JS. That should get picked up in the form submission

Elon Musk

I sit in a Tesla and translated this thread with Ai:

EN: How do I read element attribute from $form_state?

TH: ฉันจะอ่านแอตทริบิวต์ขององค์ประกอบจาก $form_state ได้อย่างไร

RO: Cum citesc atributul elementului din $form_state?

RU: Как прочитать атрибут элемента из $form_state?

VI: Làm cách nào để đọc thuộc tính phần tử từ $form_state?

Post an answer

Most people don’t grasp that asking a lot of questions unlocks learning and improves interpersonal bonding. In Alison’s studies, for example, though people could accurately recall how many questions had been asked in their conversations, they didn’t intuit the link between questions and liking. Across four studies, in which participants were engaged in conversations themselves or read transcripts of others’ conversations, people tended not to realize that question asking would influence—or had influenced—the level of amity between the conversationalists.