如何使用javascript onclick创建表单元素输入框、标签
我想知道如何通过onclick函数使用javascript创建隐藏类型输入框和标签如何使用javascript onclick创建表单元素输入框、标签,javascript,jquery,Javascript,Jquery,我想知道如何通过onclick函数使用javascript创建隐藏类型输入框和标签 $().ready(function() { $("#product").autocomplete("get_completeproducts", { width: 406, matchContains: true, selectFirst: false }); }); <input type="text" va
$().ready(function() {
$("#product").autocomplete("get_completeproducts", {
width: 406,
matchContains: true,
selectFirst: false
});
});
<input type="text" value="" name="product" id="product" size="50">
<input type="button" value="Add to List" onclick="addprotolist()" name="select_pro">
我通过ajax自动完成获取上述输入框值,用户将单击选择框,然后我要做的是,我必须添加列表,列出输入框下方的所选手机数量
<label>Samsung Galaxy Y<label><input type="hidden" value="778" name="pro_id[]">
<label>Samsung Galaxy Y Duos<label><input type="hidden" value="788" name="pro_id[]">
<label>Samsung Galaxy Y Plus<label><input type="hidden" value="728" name="pro_id[]">
.
.
.
<input type="submit" name="save" value="Save your list">
任何人都可以告诉我如何使用javascript或jquery编写代码
function addprotolist() {
var str = '<label>'+ var_for_text +'</label><input type="hidden" value="'+ var_for_value +'" name="pro_id[]">';
$('#yourform').append( str );
}
但是这样的话,使用标签是没有意义的。必须通过包装或指定指向输入id的for属性将其连接到输入:
从
但是这样的话,使用标签是没有意义的。必须通过包装或指定指向输入id的for属性将其连接到输入:
从如果一个标签没有连接到输入,它值多少钱?@bažmegakapa我试着举一个例子,等待OP的评论。我尝试了这个例子,这对我来说很好。我现在明白了。@bažmegakapa谢谢,先生,我还试着给OP写了一些注释,再次感谢Sir,上面的注释和示例对我帮助很大。谢谢如果一个标签没有连接到输入,它值多少钱?@bažmegakapa我试着举一个例子,等待OP的评论。我尝试了这个例子,这对我来说很好。我现在明白了。@bažmegakapa谢谢,先生,我还试着给OP写了一些注释,再次感谢Sir,上面的注释和示例对我帮助很大。谢谢
var str = '';
function addprotolist(inputObj) {
// a typical example of inputObj may be
// inputObj = [ {labelText: 'some 1', value: 'val1' }, {labelText: 'some 2', value: 'val2'} ]
// loop
for(var i = 0; i < inputObj.length; i++ ) {
str += '<label>'+ inputObj[i].labelText +'</label><input type="hidden" value="'+ inputObj[i].value +'" name="pro_id[]">';
}
// call append outside of loop
$('#yourform').append( str );
}
<!-- Simple label example with for attribute -->
<input type="radio" name="clickmebutton" id="clickmebutton">
<label for="clickmebutton">Click me</label>
<!-- or more simply -->
<label><input type="radio" name="clickmebutton"> Click me</label>