我有一个看起来像这样的 html 页面:
<html>
<head>
<title></title>
<script language="javascript">
fields = 0;
function addInput() {
if ( fields != 3) {
document.getElementById('text').innerHTML += "<input type='text' name='clients_form[clients_name]' size='32' maxlength='32' value='' id='clients_form_clients_name' />";
fields += 1;'
} else {
document.getElementById('text').innerHTML += "<br />More then 3 not allowed.";
document.form.add.disabled = true;
}
}
</script>
</head>
<body>
<form name="form">
<input type="button" onclick="addInput()" name="add" value="Add More" />
</form>
<div id="text">
</div>
</body>
</html>
这对我来说非常好。单击按钮时,它会添加文本字段。但是,我还有另一个选择标签,也需要在单击按钮时动态添加。选择表格如下:
<select id="client_category_name" name="client_category[name]">
<option value="">Select Category</option>
<option value="1">internal</option>
<option value="2">external</option>
<option value="3">others</option>
</select>
我们如何在输入标签旁边添加这个选择标签。我是一名 ruby on rails 开发人员,发现很难实现它。