如何使用Jquery或Javascript从Asp.Net TextBox控件获取文本?

时间:2015-09-18 20:52:00

标签: javascript c# jquery asp.net

我有一个Asp.Net TextBox控件:

<asp:TextBox ID="txtFromDate" runat="server" CssClass="txtDateFrom"></asp:TextBox>

在一个单独的Jquery / Javascript文件中,我想从中获取文本...通常文本就像'9/1/2015'。

我尝试了以下内容:

var r2FromDate = new Date($(".txtFromDate").val);
var r2FromDate = new Date($(".txtFromDate").val.toString());
var r2FromDate = new Date($(".txtFromDate").val());
var r2FromDate = new Date($(".txtFromDate").text());
var r2FromDate = new Date($(".txtFromDate").text);

和使用#&lt;%= txtFromDate.ClientID%&gt;相同符号,它完全打破了。

请帮忙!

5 个答案:

答案 0 :(得分:1)

<div class="grid">
    <div class="col-All">
      <nav>
        <ul class="top-level-menu">
          <li>Schedules
            <ul class="second-level-menu">
              <li id="mniOpenExisting" name="mniOpenExisting">Open Existing</li>
              <li>Create New...
                <ul class="third-level-menu">
                  <li id="mniCreateNewScheduleBasedOnExisting" name="mniCreateNewScheduleBasedOnExisting">Based on Existing</li>
                  <li id="mniCreateNewScheduleFromScratch" name="mniCreateNewScheduleFromScratch">From Scratch</li>
                </ul>
              </li>
              <li id="mniSaveCurrentSchedule" name="mniSaveCurrentSchedule">Save Current</li>
              <li id="mniEmailCurrentSchedule" name="mniEmailCurrentSchedule">Email Current</li>
              <li id="mniPrintCurrentSchedule" name="mniPrintCurrentSchedule">Print Current</li>
            </ul>
          </li>
          <li>Jobs/Locations
            <ul class="second-level-menu">
              <li id="mniAddNewJobLoc" name="mniAddNewJobLoc">Add New</li>
              <li id="mniViewOrEditJobLoc" name="mniViewOrEditJobLoc">View or Edit</li>
            </ul>
          </li>
          <li>Shifts
            <ul class="second-level-menu">
              <li id="mniAddNewShift" name="mniAddNewShift">Add New</li>
              <li id="mniViewOrEditShift" name="mniViewOrEditShift">View or Edit</li>
            </ul>
          </li>
          <li>Workers
            <ul class="second-level-menu">
              <li id="mniAddNewWorker" name="mniAddNewWorker">Add New</li>
              <li id="mniViewOrEditWorker" name="mniViewOrEditWorker">View or Edit</li>
            </ul>
          </li>
          <li class="inlineblock">Match
            <ul class="second-level-menu">
              <li id="mniMatchWorkersWithJobLocs" name="mniMatchWorkersWithJobLocs">Workers with Jobs/Locations</li>
              <li id="mniMatchWorkersWithShifts" name="mniMatchWorkersWithShifts">Workers with Shifts</li>
            </ul>
          </li>
          <li>Rules
            <ul class="second-level-menu">
              <li id="mniSetRules" name="mniSetRules">Establish/Maintain</li>
            </ul>
          </li>
          <li>Help
            <ul class="second-level-menu">
              <li id="mniAbout" name="mniAbout">About</li>
              <li id="mniHowTo" name="mniHowTo">How To...</li>
              <li id="mniContact" name="mniContact">Contact Us</li>
              <li id="mniAcquireLicense" name="mniAcquireLicense">Acquire License</li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </div>

您想要使用ID而不是类来选择。

答案 1 :(得分:1)

d7 56 cf 47

d4 d8 d1 ca

48 d8 48 55

59 c9 c3 d7


59 4d 47 48

d2 4b d1 d4

50 d7 48 d1

47 4b 59 56

cc 50 59 53

d7 47 cf 50

d4 cf c9 4e

4d c6 cf 50


cf 41 41 41

41 41 41 41

41 41 41 41

41 41 41 41
然后,ASP应输出客户端上生成的ID,您的javascript可以选择它。您也可以重复使用此变量,而不是反复查询DOM [每次使用jQuery时都必须找到它,如#34; $(...)&#34;]。

如果您的javascript位于其他文件中,则可以使用name属性

var text = $("#<%=txtFromDate.ClientId %>").val();

https://api.jquery.com/attribute-equals-selector/

答案 2 :(得分:0)

或者,您可以在TextBox上定义以下属性

ClientIDMode="static"

这将确保您在客户端的ID与服务器端ID相同。

然后你可以使用:

$('#txtFromDate').val();

答案 3 :(得分:0)

实际上是因为我把id作为&#39; txtFromDate&#39;和班级为&#39; txtDateFrom&#39;而不是保持相同。我试图访问班级&#39; txtFromDate&#39;什么时候不存在。

.val()在您选择正确的班级时有效。

答案 4 :(得分:0)

你可以试试这个,你也可以得到asp按钮或任何控制。

library(data.table)
DT <- fread(
  "Time Event1 Event2  ID_1 ID_2 ID_3 ID_4 ID_5
  1    0      0       1    1    1    1    0
  2    0      0       1    1    1    1    0
  3    0      0       1    1    1    1    0
  4    0      0       1    1    1    1    0
  5    ID_2   ID_5    1    1    1    1    0
  6    0      0       1    1    1    1    0
  7    ID_5   ID_2    1    1    1    1    0
  8    0      0       1    1    1    1    0
  9    ID_2   0       1    1    1    1    0
 10    0      0       1    1    1    1    0
 11    0      ID_2    1    1    1    1    0
 12    0      0       1    1    1    1    0"
)

如果您在客户端有多个具有相同ID的控件,也可以尝试var txt_txtFromDate = document.querySelector("input[id*='txtFromDate']"); alert(txt_txtFromDate.Value);

此外,$(&#34;输入[id * =&#39; txtFromDate&#39;]&#34;)将有效。