gpt4 book ai didi

javascript - 代码可以在 IE 中运行,但不能在 FF 中运行

转载 作者:行者123 更新时间:2023-11-28 16:02:28 24 4
gpt4 key购买 nike

我要求用户在文本框中键入内容,并且文本框中将包含数据库中的建议。然后,用户将选择该选项,然后单击“添加”按钮,该文本将作为标签添加到动态 html 表中,以便稍后将其删除。我一切正常,但问题是我的代码只能在 IE 中运行。在 Firefox 中运行该页面时,它没有运行,也没有显示任何错误。出于测试目的,我用文本框替换了隐藏字段。您可以在“文本”和“值”文本框中键入内容,然后单击“添加技能”按钮。它可以在 IE 中运行,但不能在 FF 中运行。等待建议。完整代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddSkills.aspx.cs" Inherits="AddSkills" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AutoComplete</title>
<style type="text/css">
.wrapper
{
background-color: Silver;
width: auto;
}
.selecteditem
{
font-family: Verdana,Arial,Times New Roman;
font-size: 10px;
}
.selecteditemClose
{
font-family: Verdana,Arial,Times New Roman;
font-size: 11px;
font-weight: bold;
color: Red;
cursor: pointer;
}
.selecteditemClose:hover
{
color: Maroon;
}
</style>

<script src="jquery-1.7.1.min.js" type="text/javascript" language="javascript"></script>

<script language="javascript" type="text/javascript">
function addRow() {
var selectedText = $("#txtSkills").val();
var selectedValue = $("#selectedID").val();
var newRow = document.all("tblGrid").insertRow();
var oCell = newRow.insertCell();

if (selectedText == '') {
alert('Please select a skill.');
return false;
}
else {
var addedID = $("#addedID").val();
if (addedID != '') {
if (addedID.indexOf(',' + selectedValue + ',') != -1) {
alert('Skill already selected.');
$("#txtSkills").val('');
$("#selectedID").val('');
return false;
}
else {
oCell.innerHTML = "<span class='wrapper'><span class='selecteditem'>" + selectedText + "</span>&nbsp;<span class='selecteditemClose' onclick=\"removeRow(this,'" + selectedValue + "');\">x</span></span>";
appendSelectedID(selectedValue);
$("#txtSkills").val('');
$("#selectedID").val('');
}
}
else {
oCell.innerHTML = "<span class='wrapper'><span class='selecteditem'>" + selectedText + "</span>&nbsp;<span class='selecteditemClose' onclick=\"removeRow(this,'" + selectedValue + "');\">x</span></span>";
appendSelectedID(selectedValue);
$("#txtSkills").val('');
$("#selectedID").val('');
}
}
}


function removeRow(src, removedValue) {
removeSelectedID(removedValue);
var oRow = src.parentElement.parentElement.parentElement;
document.all("tblGrid").deleteRow(oRow.rowIndex);
}
function appendSelectedID(selectedValue) {
if ($("#addedID").val() == '')
$("#addedID").val(',');
$("#addedID").val($("#addedID").val() + selectedValue + ',');
}
function removeSelectedID(removedValue) {
var addedID = $("#addedID").val();
var modifiedID = addedID.replace(',' + removedValue + ',', ',');
$("#addedID").val(modifiedID);
if ($("#addedID").val() == ',')
$("#addedID").val('');
}
</script>

</head>
<body>
<form id="form1" runat="server">
<div>
Text:<asp:TextBox ID="txtSkills" runat="server"></asp:TextBox>
<%--These textboxes are supposed to be hidden fields. For the testing purpose they are used as textboxes--%>
Value:<asp:TextBox ID="selectedID" runat="server"></asp:TextBox>
Collective Values:<asp:TextBox ID="addedID" runat="server"></asp:TextBox>
<input type="button" value="Select Skill" onclick="return addRow();" />
<table id="tblGrid" border="0" cellpadding="2" cellspacing="2" width="250px">
</table>
<br />


</div>
</form>
</body>
</html>

最佳答案

document.all 在 Firefox 中不可用。这是一种专有的 IE 方法,webkit 和 Opera 也采用了该方法,但 Firefox 没有采用。

你应该尝试坚持使用跨浏览器的 jQuery,而不是混合原生 JS 和 jQuery!

关于javascript - 代码可以在 IE 中运行,但不能在 FF 中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16464594/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com