JSFiddle - React, Tailwind, and code Playground

by mrchief

HTML

<div id="container">
    <div id="navninfoDiv">navninfo</div>
    <div id="navninfoDivP">navninfop</div>
    <div id="navninfoDivV">navninfoV</div>
    
    <div id="prisinfoDiv">prisinfo</div>
    <div id="prisinfoDivP">prisinfop</div>
    <div id="prisinfoDivV">prisinfoV</div>
    
    <div id="cableinfoDiv">cableinfo</div>
    <div id="cableinfoDivP">cableinfop</div>
    <div id="cableinfoDivV">cableinfoV</div>
</div>

<div id="webhost_container">
    <input type="text" id="webhost_navninfo" />
    <input type="text" id="webhost_prisinfo" />
    <input type="text" id="webhost_cableinfo" />
</div>

<input type="button" id="smt" value="Submit" />

<script>var submitData = submitData || {};</script>

JavaScript

$('#container').delegate('div', 'click', function() {
    var delimiter = 'Div',
        delimiterIndex = this.id.indexOf(delimiter);

    var type = this.id.substring(0, delimiterIndex);
    var data = this.id.substring(delimiterIndex + delimiter.length);

    // optional - store null in place of empty string
    //data = (data == "") ? null : data;
    submitData[type] = {
        selector: '#webhost_' + type,
        data: data
    };
});


$('#smt').click(function() {
    $.each(submitData, function(key, info) {
        var $inp = $(info.selector)
        val = $inp.val();

        $inp.val(info.data + val);
    })
    // comment out to perform submit    
    return false;
});