how to use jquery key value array?

Question

I need help adding a key value array for this jQuery code I came across. The code does exactly what I need, except I need multiple inputs unlike the single input it provides.

jQuery("#btn").on('click', function() {
    var caretPos = document.getElementById("txt").selectionStart;
    var textAreaTxt = jQuery("#txt").val();
    var txtToAdd = "stuff";
    jQuery("#txt").val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) );
});

<textarea id="txt" rows="15" cols="70">There is some text here.</textarea>
<input type="button" id="btn" value="OK" />

See here.

I want to have an array such as:

OK => stuff,
YES => more stuff,
NO => no stuff

I'm not that familiar with jQuery, please help.

is it intends three buttons with different value?

RomanPerekhrest
– RomanPerekhrest

2016-02-15 22:35:34 +00:00
Commented Feb 15, 2016 at 22:35 — RomanPerekhrest
– RomanPerekhrest, Commented Feb 15, 2016 at 22:35
@RomanPerekhrest yes thats correct

Nxlevel
– Nxlevel

2016-02-15 22:38:30 +00:00
Commented Feb 15, 2016 at 22:38 — Nxlevel
– Nxlevel, Commented Feb 15, 2016 at 22:38

RomanPerekhrest · Accepted Answer · 2016-02-15 22:41:18Z

Javascript doesn't have an arrays with string keys, only indexed arrays. But you can use an object for that purpose.
Change your code as shown below:

<textarea id="txt" rows="15" cols="70">There is some text here.</textarea>
<input type="button" class="btn" value="OK" />
<input type="button" class="btn" value="NO" />
<input type="button" class="btn" value="YES" />

$(".btn").on('click', function() {
    var caretPos = document.getElementById("txt").selectionStart;
    var textAreaTxt = $("#txt").val();
    var txtSet = {'ok' : 'stuff', 'yes' : 'more stuff', 'no' : 'no stuff'};
    var txtToAdd = txtSet[$(this).val().toLowerCase()];
    $("#txt").val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) );
});

Now you can easily extend the object txtSet due to the variety of possible buttons.

http://jsfiddle.net/3pg5zmqg/

Collectives™ on Stack Overflow

how to use jquery key value array?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related