Question

对于AJAX，我几乎是个白痴，所以如果这个问题非常简单，请原谅我。

我有这个小形式：

<form id="location_ajax_request">
  <label for="location">Enter Your Location:</label>
  <input name="ajax_location" id="ajax_location" type="text" value="Irvine, CA, USA" />
  <input id="requestLocation" type="button" value="Click to Submit" />
  <p id="output"></p>
</form>

单击requestLocation时，{php}脚本的GET调用将返回如下内容：

<input type="radio" name="location_selected" value="0" />
<input type="hidden" name="location_x_0" value="-117.8253403" />
<input type="hidden" name="location_y_0" value="33.6868782" />
<input type="hidden" name="location_name_0" value="Irvine, CA, USA" />
[...]
<input type="button" id="confirmAddress" value="Confirm Address" />

_0是项目数的位置。例如，如果有人进入美国伦敦，他们会收到5份回复。

使用jQuery，我使用$('#confirmAddress')成功点击live()，并尝试获取输入的值。我假设他们需要检查，因为插入的元素没有在DOM中注册。说我想抓住：

document.forms['location_ajax_request']['location_name_0'].value;

如何首先将DOM注册为有效对象，以便停止返回undefined？

Answer 1

如果你使用jquery作为OP标签说：

$('input[name="location_name_0"]', '#location_ajax_request').val();

更新DOM以识别AJAX插入的输入

1 个答案: