搜索文本區域內包含的DIV中的字符串

<div id="right_pane"> 
<textarea id="TextArea1"></textarea> 
<input id="Submit1" type="submit" value="submit" /> 
</div>

嗨，我在DIV元素中有一個文本區域和一個提交按鈕。文本區域的輸入將成爲網站的源代碼。我需要搜索並查找源代碼中包含的文本框元素的數量，並在點擊提交按鈕時將其顯示給用戶。有人可以幫助我的代碼？搜索文本區域內包含的DIV中的字符串

謝謝您提前。

來源

2016-04-18 Phoenix.1993

請告訴我們你有什麼迄今爲止嘗試過。 – KiiroSora09

@ kiiroSora09 - 我是HTML和asp.net的新手。我仍在學習過程中，目前我沒有這個想法。我希望有人能幫助我學習這一點。 –

當你在textarea裏面說「Text Box」...你是什麼意思？你不能介紹@ – QoP

你可以試試下面。

示例源代碼

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

演示

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>

：既然你沒有提供一個示例源代碼輸入，我只能用下面的示例源代碼，測試這

來源

2016-04-18 06:57:42 KiiroSora09

感謝您的幫助！它工作正常:) –

順便說一句，我可以找到源代碼中的下拉列表數量（

是的，只需將這個'$ searchObject.find（'[type = text]'）。length'更改爲'$ searchObject.find（'select'）。length'。您確實需要了解jQuery選擇器，因爲在使用jQuery時它很重要。 – KiiroSora09

搜索文本區域內包含的DIV中的字符串

回答

相關問題