查找单词旁边的输入框
查找单词旁边的输入框
提问于 2012-06-27 02:48:46
我有一张表格。
<form id='form1'>
First Name:
<input type="text">
</form>我希望能够找到单词First Name，然后查找以下输入并添加值"Joe“。在name周围可以有标签标签，在输入周围也可以有div/span标签。上面只是一个基本的例子。
我的代码看起来像这样，但当然不能正常工作。谢谢。
$('#form1').text($(this).find('First Name').next().val('Joe')); 回答 4
Stack Overflow用户
发布于 2012-06-27 02:59:47
这不是一个好主意，以这种方式搜索标签将迫使浏览器搜索更多的元素。您应该为文本框使用id，并通过id获取元素。
<label for="firstname">First Name: </label><input id="firstname"/>
$('#firstname').val('joe');或者：
<label for="firstname">First Name: </label><input id="firstname" class="firstname"/>
$('input.firstname').val('joe');或
<label for="firstname">First Name: </label>
<input id="firstname" inputtype="firstname"/>
$('input[inputtype="firstname"]').val('joe');Stack Overflow用户
发布于 2012-06-27 03:00:07
在超文本标记语言中关联标签和输入的传统方法是使用<label>标记：
<form id='form1'>
<label for='firstName'>First Name</label>
<input type='text' name='firstName' id='firstName'/>
</form>label的for通过ID与输入相关联，因此要从label中选择输入，您可以这样做：
document.getElementById($('label[innerHTML="First Name"]').get(0).htmlFor).value += Joe;或者只使用输入的id：
document.getElementById('firstName').value += 'Joe';Stack Overflow用户
发布于 2012-06-27 03:01:23
jQuery不是用来选择文本的，而是用来选择元素的。例如，如果将输入命名为first_name，则可以使用直接选择输入
$("input[name=first_name]", "#form1")当输入必须具有供html页面以任何有用的方式使用的名称、id或类时，绝对没有理由基于出现在它之前的文本来选择输入。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11214043
复制相关文章
相似问题
腾讯云开发者
