<div id="updEm" class="easyui-dialog" style="width: 400px; height: 250px; padding: 10px;" closed="true" buttons="#updButtons"> <div class="email-item"> <input class="easyui-textbox" type="text" name="emails" style="width: 200px;display: none" id="emailId"> 邮箱地址:<input class="easyui-textbox" type="text" name="emails" style="width: 200px;" id="emailInput"> </div> </div> <div id="updButtons"> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-save" onclick="saveE()">保存</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="cancelE()">取消</a> </div>function saveE() { var emails = $('input[name="emails"]'); console.log(emails); } 这段代码,点击保存时,如何在saveE这个函数内拿到input框中的数据
时间: 2023-07-19 11:40:16 浏览: 183
您可以使用 jQuery 的 val() 方法获取输入框中的值。在 saveE 函数内,可以使用以下代码获取输入框中的值:
```
function saveE() {
var emailInputValue = $('#emailInput').val();
console.log(emailInputValue);
}
```
其中,`#emailInput` 是输入框的 ID,val() 方法返回输入框中的值。
相关问题
<div id="updEm" class="easyui-dialog" style="width: 400px; height: 250px; padding: 10px;" closed="true" buttons="#updButtons"> <div class="email-item"> <input class="easyui-textbox" type="text" name="emails" style="width: 200px;display: none" id="emailId"> 邮箱地址:<input class="easyui-textbox" type="text" name="emails" style="width: 200px;" id="emailInput"> </div> </div> 这段代码中,如何隐藏第一个input框?
您可以设置第一个 input 框的 `display` 样式为 `none`,即可隐藏它。可以在该元素的 HTML 标签中添加 `style="display: none;"` 属性,或者使用 jQuery 的 `hide()` 方法隐藏它。以下是两种方法的示例代码:
1. 在 HTML 标签中添加 `style="display: none;"` 属性:
```
<div class="email-item">
<input class="easyui-textbox" type="text" name="emails" style="width: 200px; display: none;" id="emailId">
邮箱地址:<input class="easyui-textbox" type="text" name="emails" style="width: 200px;" id="emailInput">
</div>
```
2. 使用 jQuery 的 `hide()` 方法:
```
$('#emailId').hide();
```
以上两种方法均可实现隐藏第一个 input 框。
<input class="easyui-textbox" type="text" name="emailId" style="width: 200px; visibility:hidden;" id="emailId"> 在弹窗内不隐藏,如何修改
如果弹窗内的元素也不隐藏,可能是因为弹窗的样式设置了`overflow:hidden;`导致的。你可以尝试在弹窗的样式中添加`overflow:visible;`来解决该问题,代码如下:
```
<div id="updEm" class="easyui-dialog" style="width: 400px; height: 250px; padding: 10px; overflow:visible;" closed="true" buttons="#updButtons">
<div class="email-item">
<input class="easyui-textbox" type="text" name="emailId" style="width: 200px; visibility:hidden;" id="emailId">
邮箱地址:<input class="easyui-textbox" type="text" name="emailInput" style="width: 200px;" id="emailInput">
</div>
</div>
```
这样应该可以让弹窗内的元素隐藏起来了。
阅读全文