使用 jquery 从 html 输入中获取正确值时出现问题
Trouble with getting right value from html input using jquery
我的PHP文件末尾有这个:
<script type="text/javascript>"
$("#id").on("click", "#otherId", function(e)
{
var html = "<input class='id' type='text' size='5' />";
var row = $(this).closest("#addoid").html(html);
row.find("input").focus();
row.find('input').change( function(e)
{
var value = $(this).val();
var fid = $("input#idName").val();
$.ajax({
type: "POST",
url: "page.php",
data: { entryId: fid, val: value }
})
.done(function( msg ) {
alter("data: " + msg);
});
});
</script>
</body>
html是这样的:
<div id="id">
<div id="otherId">
<input id="idName" type="hidden" value="1234" />
<button type="button" id="otherId">Add</button>
</div>
<div id="otherId">
<input id="idName" type="hidden" value="1235" />
<button type="button" id="otherId">Add</button>
</div>
<div id="otherId">
<input id="idName" type="hidden" value="1236" />
<button type="button" id="otherId">Add</button>
</div>
</div>
我省略了前面的jquery代码,但基本上,当按下添加按钮时,它会更改为输入字段,如果用户在输入字段中输入id,它将显示一个链接(模糊)或返回添加按钮,如果未输入任何内容。
然而,到目前为止它正在工作
var fid = $("input#idName").val();
正在获取下一个 ID(而不是 1234,而是发布 1235)。
我是jquery的新手。我已经四处寻找并尝试了几种不同的东西,但我一无所获。
谢谢。
加法
为了更清楚地说明这一点,我有一个表,它正在填充一个foreach
循环(使用 php),它正在从数据库中提取记录。
看起来像这样:
<div id="list">
<table>
<?php foreach ($data as $value):?>
<tr>
<td>
<div class="row">
<button class="add">Add</button>
<input class="hiddenId" type="hidden" name="hiddenName" value="<?php echo $value['id']?>" />
</div>
</td>
</tr>
<?php endforeach?>
</table>
</div>
就像我之前解释的那样,当单击"添加"按钮时,它会变成一个输入字段。
在更改(输入字段)时,我需要 ajax 发送包含两个输入字段值的请求。
我遇到的问题是我无法获得隐藏输入的正确值。 jQuery正在从另一行而不是正确的行中获取值。
我似乎无法弄清楚这一点,并且诚实地尝试了许多不同的方法,包括一些可能被认为是非常规的方法。
感谢您的任何帮助。
请先重命名输入 ID,因为 ID 必须是唯一的。
相关文章:
- 使用createContainer将Meteor数据获取到React Native中时出现问题
- 获取json结果的身份验证问题
- 获取要引发的fadeIn元素时出现问题
- ASP.NET MVC5 jQuery FullCalendar获取事件问题
- 使用 ng 模型获取数据时遇到问题
- linkedin js"获取我的关系”;问题
- Axios CORS 问题与 Github oauth 未获取访问令牌
- 通过jQuery获取上传的文件名时遇到问题
- 从 JSON 对象获取数据时出现问题
- 从ID Jquery类获取返回值时出现问题
- 获取javascript计算字段时遇到问题
- 使用Javascript从多个dropbox获取值时出现问题
- 关于使用jQuery获取表列和的问题
- AJAX请求在jQuery中获取函数,变量问题
- 华丽的弹出模态问题“获取内联”
- 通过 Javascript: 问题获取/设置 CSS 属性值
- Node.js中的MySQL问题-获取所有查询
- 按id问题获取元素
- 理解对象的问题(获取母子节点之间的年龄差)
- HighChart的StockChart的问题.获取高图不是一个功能