我有一个已经有类的元素:
<div class="someclass">
<img ... id="image1" name="image1" />
</div>
Run Code Online (Sandbox Code Playgroud)
现在我想创建一个Javascript函数,它将一个类添加到div(不替换,但添加).
我怎样才能做到这一点?
我想动态地在我的Web表单中创建一个输入类型的文本.更具体地说,我有一个文本字段,用户输入所需文本字段的数量; 我希望以相同的形式动态生成文本字段.
我怎么做?
我总是习惯使用jquery或其他javascript框架,但现在我没有框架可供使用,所以我想看看是否有人知道我如何可以在直接的javascript中做到这一点,如果可能的话.
基本上我有这样的div
<input type="button" id="more_fields" onclick="add_fields();" value="Add More" />
<div id="room_fileds">
<div class='label'>Room 1:</div>
<div class="content">
<span>Width: <input type="text" style="width:48px;" name="width[]" value="" /><small>(ft)</small> X </span>
<span>Length: <input type="text" style="width:48px;" namae="length[]" value="" /><small>(ft)</small</span>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我需要的是当点击添加更多按钮时,我需要基本上添加更多宽度和长度字段,或者创建整个结构,如上面的所有div,或者只是插入新的span标记,其中包含现有的字段.
我知道如何使用jquery或原型框架,但不幸的是我不能使用任何框架.有谁知道如何做到这一点.我会发布代码iv为此完成,但我甚至不知道在哪里beging.
我正在寻找一种方法,通过使用例如按钮将html元素添加到表单.我一直在寻找一些例子,但它们非常大(比我想要构建的实际形式大3倍)所以我想知道是否有更好的方法来解决这个问题.
我的想法是这样的:
<form action='blabla.php' method='post'>
<!-- Insert button here to add a new element -->
<input type='text' name='desc_1'>
</form>
Run Code Online (Sandbox Code Playgroud)
通过单击按钮,应呈现以下内容:
<form action='blabla.php' method='post'>
<!-- Insert button here to add a new element -->
<input type='text' name='desc_1'>
<input type='text' name='desc_2'>
</form>
Run Code Online (Sandbox Code Playgroud)
我想要创建一个新的输入字段,而不必重新加载页面并松散在表单中输入的ev数据.猜测这是我应该通过javascript甚至jquery实现的.我知道如何编辑现有的输入字段,但我不知道如何创建一个新的输入字段,并使其遵循其数字范围.任何人都知道如何使用javascript函数来使用它?或者我应该花一些时间研究jquery以获得更平滑的解决方案?