搜索文本区域内包含的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中的字符串

回答

相关问题