使用AJAX和PHP获取动态生成的具有相同id的textbox的值的方法如下:
XMLHttpRequest
对象或者fetch
函数发送GET或POST请求到后端PHP文件。以下是一个示例代码:
前端页面(HTML、JavaScript):
<!DOCTYPE html>
<html>
<head>
<script>
function getTextBoxValue() {
var id = document.getElementById("textboxId").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
// 处理获取到的值
console.log(response);
}
};
xhr.open("GET", "get_textbox_value.php?id=" + id, true);
xhr.send();
}
</script>
</head>
<body>
<input type="text" id="textboxId" value="1">
<button onclick="getTextBoxValue()">获取值</button>
</body>
</html>
后端PHP文件(get_textbox_value.php):
<?php
$id = $_GET['id'];
// 根据$id查询数据库或其他方式获取动态生成的具有相同id的textbox的值
$value = "获取到的值";
echo $value;
?>
在这个示例中,前端页面中有一个输入框和一个按钮,当点击按钮时,会调用getTextBoxValue
函数。该函数通过AJAX发送GET请求到后端PHP文件,并将输入框的值作为参数传递给后端。后端PHP文件接收到参数后,根据参数的值获取动态生成的具有相同id的textbox的值,并将其作为响应返回给前端页面。前端页面通过AJAX的回调函数获取到后端返回的值,并进行相应的处理,这里只是简单地将值打印到控制台上。
请注意,这只是一个简单的示例,实际应用中可能需要根据具体情况进行适当的修改和完善。
<select style=”width:200px;” id=”sel” Name=”sel”> <option>sdfsdfsdfdsfsdf</option> <option>1111111111111</option> <option>222222222222</option> </select> | <input type=text Name=”text1″ id=”test1″> |
领取专属 10元无门槛券
手把手带您无忧上云