用javascript添加/创建一个输入

Adding/creating an input with javascript

本文关键字：一个 输入 javascript 添加 创建      更新时间：2023-09-26

我有几个搜索表单，每个表单都有一个输入值，类"search_input"。

我想要:on按钮点击添加这个:

<input type="submit" class="searchbtn" value="Search" />

在每个输入项旁边<input type="text" class="search_input" autocomplete="off"> .

目前我正在这样做，使用显示无和点击我设置显示块，但表单太多了，所以为了节省一些kb的，而不是在每个表单上键入，我问是否有可能用jQuery添加输入旁边的每个.search_input

谢谢

使用jquery很容易添加控件:

$('.search_input').after($('<input type="submit" class="searchbtn" value="Search" />'));

var $input = $('<input type="submit" class="searchbtn" value="Search" />');
$(".search_input").after($input);
//OR
//$input.insertAfter(".search_input");

$("#button_id").click(function(){
  $('<input type="submit" class="searchbtn" value="Search" />').insertAfter(".search_input");
});

参见docs: http://api.jquery.com/insertAfter/

$('#addSubmitButtons').click(function(e){
    $('.search_input').after('<input type="submit" class="searchbtn" value="Search" />');
});
相关文章：