Question

I’m trying to iterate through a complex type binding in jQuery to submit the Json representation through to an IEnumerable action parameter.

Html

<input type="hidden" value="0" name="value.index" />
<input type="text" value="textone" name="value[0].InputValue" id="value[0].InputValue" />
<input type="hidden" value="0" name="value[0].Id" id="value[0].Id" />

jQuery

var value = $('#value[0].InputValue').val()

The value returned is undefined; however if I have a control with an id in the format of “myId” then I can access the value of that control.

Am I missing something? Or is this not possible?

Answer 1

# is used to find the element by Id. If you want to find the element by Name, it follows a different syntax… Try this

$("input[name=value\[0\].InputValue]");