我用js控制input文本框的值,使input文本框内容改变。

Posted 2023-05-13

我想当input的文本改变时，触发某个事件，貌似在input内加onchange事件不起作用？！

问题补充：input设置为readonly,它的值我是设置成只能从下拉列表中获取！

onchange事件是onbulr事件的扩充.
当文本发生改变,并且失去焦点才会触发.
如果用input的话,把readonly去掉,就用onkeyup事件...
要不就只有在下啦列表触发那个事件了.

补充!

<input id="i" onSelect="alert('x')"/>
<select onChange="show(this)"><option value="11">1</option><option value="222">2</option></select>
<script>
function show(t)
i.value= t.value;
i.select();

</script> 参考技术A 如果是键盘则input的onkeydown或者onkeypress事件处理吧，如果是鼠标，则onblur事件

layui.js怎么在文本框后面添加必填的*符号

你可以在前边加，后边的话好像没有现成的，

前边加的代码：

<div class="layui-form-item">
<label class="layui-form-label required">标题</label>
<div class="layui-input-block">
<input type="text" name="title" id="title" autocomplete="off"
lay-verType="tips" placeholder="请输入标题" lay-verify="required"  class="layui-input" />
</div>
</div>

在label的class中加入【required】标签 ，然后在他输入框中加入【lay-verify="required" 】即可达到必填功能和提示效果，结果如图：

参考技术A

label-required-prev 
在前加入*号

参考技术B 使用伪元素
textarea::after
content:'*';

position:absolute;

right:-10px;

top:0;

color:red;


思路大概是这样本回答被提问者和网友采纳