Hiya我正在创建一个Web表单,我希望用户能够进行某些选择,然后将选择添加到文本框或列表框中。
基本上我希望他们能够在文本框中输入某个人的姓名...检查一些复选框,并为其设置文本或列表框,并在按钮上单击结果...
e.g。 John Smith Check1 Check3 Check5
任何帮助都会很棒..谢谢
答案 0 :(得分:0)
我将向您展示TextBox
,Button
和ListBox
的基本示例。单击该按钮时,文本将添加到列表框中。
// in your .aspx file
<asp:TextBox ID="yourTextBox" runat="server" /><br />
<asp:Button ID="yourButton" runat="server" Text="Add" OnClick="yourButton_Click" /><br />
<asp:ListBox ID="yourListBox" runat="server" /><br />
// in your codebehind .cs file
protected void yourButton_Click(object sender, EventArgs e)
{
yourListBox.Items.Add(yourTextBox.Text);
}
如果您想使用javascript / jquery执行此操作,您可以省略服务器端事件,只需将以下函数添加到按钮的Click属性。
$(document).ready(function()
{
$("#yourButton").click(function()
{
$("#yourListBox").append(
new Option($('input[name=yourTextBox]').val(),
'Add value here if you need a value'));
});
});
答案 1 :(得分:0)
让我们假设你有一个gridview,它正在使用Textbox进行搜索时填充。
Gridivew获得了一些复选框,在选中这些复选框后,您想要添加到列表框
这是javascript,它可以帮助您添加到列表框中。
请根据您的要求进行修改,我只有更少的时间给您一个javascript。
function addItmList(idv,valItem) {
var list =document.getElementById('ctl00_ContentPlaceHolder1_MyList');
//var generatedName = "newItem" + ( list.options.length + 1 );
list.Add(idv,valItem);
}
function checkitemvalues()
{
var gvET = document.getElementById("ctl00_ContentPlaceHolder1_grd");
var target = document.getElementById('ctl00_ContentPlaceHolder1_lstIControl');
var newOption = window.document.createElement('OPTION');
var rCount = gvET.rows.length;
var rowIdx = 0;
var tcount = 1;
for (rowIdx; rowIdx<=rCount-1; rowIdx++) {
var rowElement = gvET.rows[rowIdx];
var chkBox = rowElement.cells[0].firstChild;
var cod = rowElement.cells[1].innerText;
var desc = rowElement.cells[2].innerText;
if (chkBox.checked == true){
addItmList(rowElement.cells[1].innerText,rowElement.cells[2].innerText);
}
}
}