\
**Category:** Developing Nodes\
**Created:** [21 February 2022 06:56 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731 "2022-02-21T06:56:33Z")\
**Posts on this page:** 8\
**Page:** 1
**Author:**  [@NicoloToscani](https://discourse.nodered.org/u/NicoloToscani)\
**Post date:** [21 February 2022 06:56 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/1 "2022-02-21T06:56:33Z")
Hi,
in my node I need to store the value of the selected `select` tag to be able to set the value when I re-open config screen.
Now when I open config display after first configuration, the first value in the list is always displayed.
What would be the best solution to use ?
Thanks,
Nicolò
---
**Author:**  [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [21 February 2022 08:37 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/2 "2022-02-21T08:37:48Z")
> [@NicoloToscani](#):
>
> in my node I need to store the value of the selected `select` tag to be able to set the value when I re-open config screen.
You store it as a property if the node... Just like you would any value you want to store as part of the node's configuration.
1. Add a property to your nodes `defaults` object
2. Give you select the appropriate `id` value and the editor will automatically map the node property to the value of the select.
[https://nodered.org/docs/creating-nodes/config-nodes#defining-a-config-node](https://nodered.org/docs/creating-nodes/config-nodes#defining-a-config-node)
Its a bit more complicated if you are dynamically generating the contents of the select box.
---
**Author:**  [@NicoloToscani](https://discourse.nodered.org/u/NicoloToscani)\
**Post date:** [21 February 2022 08:51 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/3 "2022-02-21T08:51:50Z")
Thanks,
I'm generating dynamically the contents of the select tag.
A different box with different ID is enabled based on the value selected in a previous box.
---
**Author:**  [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [21 February 2022 09:37 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/4 "2022-02-21T09:37:19Z")
In which case you'll need to explicitly set the selected value in your `oneditprepare` function after you have populated it.
You will still need to add a property to the node to store the selected value.
---
**Author:**  [@NicoloToscani](https://discourse.nodered.org/u/NicoloToscani)\
**Post date:** [21 February 2022 10:46 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/5 "2022-02-21T10:46:18Z")
This is what I tried (but it doesn't work).
Once selected the correct value I set a variable `data` in `oneditsave`.
```
oneditsave: function () {
let deviceType = $("#node-input-device option:selected");
if(deviceType.val() == "pac2200") {
let dataValue = $("#node-input-data-pac2200 option:selected");
this.data = dataValue.val();
}
```
In `data` I have the value selected in the box. After this in `oneditprepare` I set previous selected box with the last value of `data` .
```
oneditprepare: function() {
$("#node-input-device").on("change",function() {
if (this.value === "pac2200") {
$("#node-input-data-pac2200").show();
$("#node-input-data-pac1200").hide();
$("#node-input-data-pac1600").hide();
$("#node-input-data-pac3100").hide();
$("#node-input-data-pac3120").hide();
$("#node-input-data-pac3220").hide();
$("#node-input-data-pac3200T").hide();
$("#node-input-data-pac4200").hide();
$("#node-input-data-pac5200").hide();
$("#node-input-data-sem3").hide();
$("#node-input-data-atc6300").hide();
$("#node-input-data-3va").hide();
$("#node-input-data-powercenter1000").hide();
$('#node-input-data-pac2200').val(this.data);
}
```
`data` is declared in `defaults` object
```auto
RED.nodes.registerType('measure',{
category: 'sentron',
color: '#009999',
defaults: {
name: {value:""},
unitId: {value: "1",required:true},
device: {value: "pac1200",required:true},
data: {value: "", required: true}
},
inputs:1,
outputs:1,
icon: "serial.png",
label: function() {
return this.name||"measure";
}
```
Thanks
---
**Author:**  [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [21 February 2022 11:16 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/6 "2022-02-21T11:16:53Z")
> [@NicoloToscani](#):
>
> `$('#node-input-data-pac2200').val(this.data)`
At this point of your code `this` is not your node, so `this.data` is not defined.
At the start of your oneditprepare function, grab the value:
```auto
const myData = this.data
```
You can then use `myData` inside the change event handler.
---
**Author:**  [@NicoloToscani](https://discourse.nodered.org/u/NicoloToscani)\
**Post date:** [21 February 2022 13:58 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/7 "2022-02-21T13:58:27Z")
Ok, now works!!!!!
Thanks.
---
**Author:**  [@system](https://discourse.nodered.org/u/system)\
**Post date:** [7 March 2022 13:58 UTC](https://discourse.nodered.org/t/save-html-select-tag-selection-for-reload-value-in-config-screen/58731/8 "2022-03-07T13:58:47Z")
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.