2016-04-18 11 views
1
<div id="right_pane"> 
<textarea id="TextArea1"></textarea> 
<input id="Submit1" type="submit" value="submit" /> 
</div> 

Hallo, enthalten ist Ich habe einen Textbereich und eine Absenden-Button in einem DIV-Elemente. Die Eingabe in den Textbereich wird der Quellcode einer Website sein. Ich muss die Anzahl der Textboxelemente im Quellcode suchen und finden und sie dem Benutzer anzeigen, wenn auf die Schaltfläche "Senden" geklickt wird. Kann mir jemand mit dem Code helfen?Suche nach Strings in einem Textfeld, die in einem DIV

Vielen Dank im Voraus.

+2

Bitte zeigen Sie uns, was Sie haben bisher versucht. – KiiroSora09

+0

@ kiiroSora09 - Ich bin neu in HTML und asp.net. Ich bin noch im Lernprozess und ich habe derzeit nicht die Idee, dies zu tun. Ich hatte gehofft, jemand könnte mir helfen, das zu lernen. –

+0

Wenn Sie "Textfeld" in Textarea sagen ... was meinst du? Sie können nicht te – QoP

Antwort

1

Sie können das unten versuchen. Da Sie keine Beispielquellcode Eingang vorsah, Getestet habe ich nur diese mit dem folgenden Beispielquellcode:

Beispielquellcode

<div> 
<input id="textbox1" type="text"/> 
</div> 
<input type="text" id="textbox2"/> 

Demo

var 
 
$textarea = $('#TextArea1'), 
 
$submit = $('#Submit1'); 
 

 
// Apply test input 
 
$textarea.val('<div><input id="textbox1" type="text"/></div><input type="text" id="textbox2"/>'); 
 

 

 
$submit.click(function(e) { 
 
    e.preventDefault(); 
 

 
    sourceCode = $textarea.val(); 
 

 
    // Create jQuery object to insert and search the source code (from the textarea) 
 
    var $searchObject = $('<div id="searchThis"></div>'); 
 

 
    // Append the source code (converted to a jQuery object) 
 
    $searchObject.append($(sourceCode)); 
 

 
    // Search the object for occurrence of type="text" inputs 
 
    alert($searchObject.find('[type=text]').length); 
 
});
textarea { 
 
    width: 400px; 
 
    height: 300px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="right_pane"> 
 
    <textarea id="TextArea1"></textarea> 
 
    <input id="Submit1" type="submit" value="submit" /> 
 
</div>

+0

Vielen Dank für Ihre Hilfe! Es funktioniert gut :) –

+0

Kann ich übrigens die Anzahl der Dropdown-Listen (

+0

Ja, ändern Sie einfach '$ searchObject.find (' [type = text] '). Length' to '$ searchObject.find (' select '). Length'. Sie müssen wirklich über jQuery-Selektoren lernen, da dies von grundlegender Bedeutung ist, wenn Sie jQuery verwenden. – KiiroSora09

Verwandte Themen