点击textarea弹出dialog 再返回dialog的值
时间: 2024-05-05 14:22:22 浏览: 48
这个问题可以通过以下步骤来解决:
1. 在页面中添加一个 textarea 元素,并设置一个点击事件,当点击该元素时,弹出一个 dialog 对话框。
2. 在弹出的 dialog 对话框中,添加一个按钮元素,当点击该按钮时,获取 textarea 元素的值,并将其作为参数传递给一个回调函数。
3. 在回调函数中,可以对获取到的 textarea 值进行处理,并将其用于后续的操作。
以下是一个示例代码,可以参考一下:
```html
<!DOCTYPE html>
<html>
<head>
<title>Textarea Dialog Demo</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<textarea id="my-textarea" rows="4" cols="50">Click me to open dialog</textarea>
<script>
$(document).ready(function() {
$("#my-textarea").click(function() {
// Open dialog
$("#my-dialog").dialog("open");
});
$("#my-dialog").dialog({
autoOpen: false,
modal: true,
buttons: {
"OK": function() {
// Get textarea value and pass it to callback function
var value = $("#my-textarea-dialog").val();
callback(value);
// Close dialog
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
});
function callback(value) {
// Do something with textarea value
console.log("Textarea value: " + value);
}
</script>
<div id="my-dialog" title="Textarea Dialog">
<textarea id="my-textarea-dialog" rows="4" cols="50"></textarea>
</div>
</body>
</html>
```
在这个示例中,当用户点击页面中的 textarea 元素时,会弹出一个 dialog 对话框,其中包含一个 textarea 元素和两个按钮。当用户点击 OK 按钮时,会获取 textarea 元素的值,并将其作为参数传递给 callback 函数。在 callback 函数中,可以对获取到的 textarea 值进行处理,并将其用于后续的操作。
阅读全文