Select an element by ID that contains number between square brackets

Question

I need to set values for all inputs with ids like re_widget[num][widget_id] . Now I have something like this:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
var result = /^\d{1,2}$/;
$('input[id="re_widget[+result+][widget_id]"]').val("my_value");
});
});
</script>
</head>
<body>
<p>Name: <input id="re_widget[1][widget_id]" type="text" name="user1"></p>
<p>Name: <input id="re_widget[2][widget_id]" type="text" name="user2"></p>
<p>Name: <input id="re_widget[3][widget_id]" type="text" name="user3"></p>
<button>Set the value of the input field</button>
</body>
</html>

try this : $('input[id="re_widget[' +result+ '][widget_id]"]').val("my_value"); — DinoMyte, Jan 13 '16 at 20:01
That regex isn't being used on any value. How is button supposed to relate to input? There is no current relationship shown — charlietfl, Jan 13 '16 at 20:06

Jossef Harush Kadouri · Accepted Answer · 2016-01-13T20:15:03.447

Special Character

[ is a special character in jquery, to use it as part of the query, you need to put a \ before

The following code will change the input element's values:

function setValue(id, value) {
  $('#re_widget\\[' + id + '\\]\\[widget_id\\]').val(value);
}

$(document).ready(function() {
  $("button").click(function() {
    setValue(1, 'hello');
    setValue(2, 'world');
    setValue(3, 'leon');
  });
});

Select an element by ID that contains number between square brackets

1 Answers1

Special Character

Online Demo