我有一个网站，其中有4列，用户可以从选择菜单中选择，其中有4个项目的数据在每列。
我有一个按钮，当用户点击它，我想写我们的什么用户选择的列（MyButton_Click）.我尝试了很多方法，但我不知道如何才能使用我的程序中的值，因为我得到一个错误：
CS 0103-名称“Column 1”在（MyButton_Click）代码的当前上下文中不存在。
有人能帮助我如何在我的代码中使用列的结果并指出它吗？
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CarDatas.aspx.cs" Inherits="WebApplication2.CarDatas" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Car Datas</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h2 {
color: #333;
}
label {
display: block;
margin-bottom: 5px;
}
.date-input, .column-input {
width: 200px;
padding: 8px;
margin-bottom: 15px;
}
.calendar {
position: absolute;
display: none;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
z-index: 1000;
}
.custom-button {
width: 200px;
height: 40px;
margin-top: 10px;
margin-bottom: 10px;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script>
$(function () {
$(".date-input").datepicker({
onSelect: function (dateText, inst) {
$(this).val(dateText);
$(".calendar").hide();
}
});
var columnOptions = '<option value=""></option>';
columnOptions +=
'<option value="make">Make</option>' +
'<option value="_owner">Owner</option>' +
'<option value="center">Center</option>' +
'<option value="subsidiary">Subsidiary</option>';
$(".column-input").html(columnOptions);
});
function showCalendar(dateTextBoxId, calendarId) {
var dateTextBox = $("#" + dateTextBoxId);
var calendar = $("#" + calendarId);
var rect = dateTextBox.offset();
calendar.css({
position: 'absolute',
left: rect.left + 'px',
top: rect.top + dateTextBox.outerHeight() + 'px'
});
if (calendar.is(":hidden")) {
$(".calendar").hide();
calendar.show();
} else {
calendar.hide();
}
}
</script>
</head>
<body>
<h2>Date and Columns Selection</h2>
<form id="form1" runat="server">
<label for="DateFromTextBox">Date From:</label>
<input type="text" id="DateFromTextBox" class="date-input" onclick="showCalendar('DateFromTextBox', 'Calendar1')">
<div id="Calendar1" class="calendar"></div>
<label for="DateToTextBox">Date To:</label>
<input type="text" id="DateToTextBox" class="date-input" onclick="showCalendar('DateToTextBox', 'Calendar2')">
<div id="Calendar2" class="calendar"></div>
<label for="Column1">Column 1:</label>
<select id="Column1" class="column-input"></select>
<label for="Column2">Column 2:</label>
<select id="Column2" class="column-input"></select>
<label for="Column3">Column 3:</label>
<select id="Column3" class="column-input"></select>
<label for="Column4">Column 4:</label>
<select id="Column4" class="column-input"></select>
<br>
<asp:Button ID="MyButton" runat="server" Text="Click Me" OnClick="MyButton_Click" CssClass="custom-button" />
</form>
</body>
</html>个字符
1条答案
按热度按时间ljsrvy3e1#
这个问题可以通过使用ChatGPT很容易地解决（免费版本已经足够好了），但既然你在这里问，我想分享我的2美分：
根据这一点：
字符串
您试图从4个“SELECT”“Columns”中获取值，但由于您没有使用ASP.NET Server控件（runat=“server”），您使用的是纯HTML输入，因此您需要将属性“name”分配给每个“input”，在您的情况下，是“SELECT”标记。
属性“name”是HTML编码的一个非常基本的概念和基础，我认为你还没有通过一个适当的基本HTML教程。这是好的，不是一个大问题。我只是指出，你已经错过了HTML编码的基本概念。
在这个街区：
型
在“Select”标签中添加“name”属性，所有的HTML输入（“SELECT”是输入之一）都需要“name”属性来进行POST请求。因此，在添加“name”属性之后，它将看起来像这样：
型
然后，在你的代码后面，你可以像这样获得值：
型