html发送json form,javascript

I have JSON file that contains certain specifications for the script I am running. It is in sense a config file. this config file contains some informations that I would like end-user to be able to update through HTML like in a form or simply a few drop-down menus with prepopulated values.

Here is my JSON file I put together:

{

"increment_fill_level": [

{

"type": "LineCount",

"direction": "forward",

"name": "Line 0"

}

],

"decrement_fill_level": [

{

"type": "LineCount",

"direction": "backward",

"name": "Line 0"

}

],

"trigger": [

{

"type": "LineCrossing",

"direction": "forward",

"name": "Trigger"

}

],

"capacity_maximum": 5,

"capacity_warning_threshold": 2,

"capacity_stop_threshold": 0,

"capacity_reset_time": 1000000000,

"reset_hour": 13,

"reset_min": 39

}

Now, the only values that I want to be updated are

capacity_maximum - this should be any whole numeric number.

reset_hour - this should be 0,1,2,3....23h as a drop-down

reset_min - this should be from 0-59 number

So far I have this JSON saved at a specific location but what I have been struggling now is to figure out how to update the values within json file from the selected value in HTML.

Any ideas on how to do this?