如何修改js代码？
本帖最后由 sadfoo2019 于 2021-5-25 01:20 编辑问题是这样的：我写了个js来实现，再网页上点“同意”，自动提取到上面的框里，需求是实现了的，可是我点了之后下面下拉框里还是“同意”2个字，如何js里修改把点了“同意”，下面不显示这两个字了直接空白。
这是效果预览
这是我的js脚本
jQuery(document).ready(function(){
var interval = setInterval(function(){
jQuery("select").change(function(){
jQuery("textarea").val(jQuery(this).val());
});
jQuery("select").change(function(){
jQuery("textarea").val(jQuery(this).val());
});
jQuery("select").change(function(){
jQuery("textarea").val(jQuery(this).val());
});
jQuery("input").change(function(){
var biaoti1= jQuery("input").val();
var biaoti2= jQuery("input").val();
jQuery("#Symbol",window.parent.document).val(biaoti1+"/"+biaoti2);
});
jQuery("input").blur(function(){
var phone = jQuery("input").val();
if(!isPhoneNo(phone)){
alert('输入的手机号码不正确')
jQuery("input").val('');
}
});
clearInterval(interval);
},2000)
// 验证手机号
function isPhoneNo(phone){
// var pattern = /^1\d{9}$/;
var pattern = /^1{9}$/;
return pattern.test(phone);
}
});
----------------------------------------------------------这是html
<tr style="height: 28px;">
<td height="28" align="center" valign="middle" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<span style="font-family: 宋体; font-size: 16px;">资金编号 </span>
</td>
<td align="center" valign="middle" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;" colspan="3">
<input name="DATA_110" title="资金编号" align="center" style="width: 292px; height: 26px; text-align: center; font-size: 14px;" value="" hidden="0"/>
</td>
<td width="79" align="center" valign="middle" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<span style="font-family: 宋体; font-size: 16px;">主管部门<span style="color: rgb(255, 0, 0); font-family: 宋体;"><span style="color: red; margin-left: 5px; vertical-align: middle;">*</span></span></span>
</td>
<td width="79" align="center" valign="middle" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<select name="DATA_135" title="主管部门" style="width: 110px;"><option selected="selected" value=""></option>
<option value="教务处">
教务处
</option>
<option value="科技外事处">
科技外事处
</option>
<option value="医务处">
医务处
</option>
<option value="组织人事处">
组织人事处
</option></select>
</td>
</tr>
<tr style="height: 28px;">
<td height="28" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<span style="font-family: 宋体; font-size: 16px;">设备名称<span style="color: rgb(255, 0, 0); font-family: 宋体; font-size: 16px;"><span style="color: red; margin-left: 5px; vertical-align: middle;">*</span></span></span>
</td>
<td style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;" colspan="3">
<input name="DATA_113" title="设备名称" align="center" style="width: 292px; height: 26px; text-align: center; font-size: 14px;" value="" hidden="0"/>
</td>
<td width="79" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<span style="font-size: 16px;">申购数量<span style="color: rgb(255, 0, 0); font-family: 宋体;"><span style="color: red; margin-left: 5px; vertical-align: middle;">*</span></span></span>
</td>
<td width="79" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<input name="DATA_114" title="申购数量" align="center" style="width: 110px; height: 26px; text-align: center; font-size: 14px;" value="" hidden="0" validation="type:int;"/>
</td>
</tr>
<tr style="height: 28px;">
<td height="28" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<span style="font-family: 宋体; font-size: 16px;">规格型号<span style="color: rgb(255, 0, 0); font-family: 宋体; font-size: 16px;"><span style="color: red; margin-left: 5px; vertical-align: middle;">*</span></span></span>
</td>
<td style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;" colspan="3">
<input name="DATA_115" title="规格型号" align="center" style="width: 292px; height: 26px; text-align: center; font-size: 14px;" value="" hidden="0"/>
</td>
<td width="79" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<span style="font-size: 16px;">预计金额</span>
</td>
<td width="79" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext black; text-align: center; background-color: transparent;">
<input name="DATA_97" title="预计金额" align="center" style="width: 110px; height: 26px; text-align: center; font-size: 14px;" value="" hidden="0" validation="type:float;"/>
</td>
</tr>
<tr>
<td style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext; text-align: center; background-color: transparent;">
<span style="font-family: 宋体; font-size: 16px;">用途说明<span style="color: rgb(255, 0, 0); font-family: 宋体; font-size: 16px;"><span style="color: red; margin-left: 5px; vertical-align: middle;">*</span></span></span>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext windowtext windowtext black; text-align: center; background-color: transparent;" colspan="5">
<div style="text-align: center;">
<textarea name="DATA_46" title="用途说明" style="width: 502px; height: 80px; font-size: 14px;" rich="1"></textarea>
</div>
</td>
</tr>
<tr height="29" style="height: 29px;">
<td height="29" style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext; text-align: center; background-color: transparent;">
<span style="font-family: 宋体; font-size: 16px;">附件</span>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext windowtext windowtext black; text-align: center; background-color: transparent;" colspan="5">
<img name="DATA_47" title="附件" align="absMiddle" class="FILEUPLOAD" style="border-width: 0px; cusor: pointer;" src="/static/images/form/fileupload.png" classname="FILEUPLOAD"/>
</td>
</tr>
<tr height="68" style="height: 68px;">
<td height="97" style="border-width: 1px; border-style: solid; border-color: black windowtext; text-align: center; background-color: transparent;">
<p style="text-align: center;">
<span style="font-family: 宋体; font-size: 16px;">主管部门</span>
</p>
<p style="text-align: center;">
<span style="font-family: 宋体; font-size: 16px;">预审</span>
</p>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext black black; text-align: right; background-color: transparent;" colspan="2">
<textarea name="DATA_50" title="主管部门预审意见" style="width: 200px; height: 65px; font-size: 14px;" rows="1" cols="1" rich="0"></textarea><input name="DATA_101" title="主管部门预审签字" class="AUTO" datafld="SYS_USERNAME_DATE" style="width: 130px; height: 24px; font-size: 14px;" type="text" value="{MACRO}" hidden="0"/>
</td>
<td style="border-width: 1px; border-style: solid; border-color: black windowtext; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<p style="text-align: center;">
<span style="font-family: 宋体;"><span style="font-size: 16px;">信息中心</span></span>
</p>
<p style="text-align: center;">
<span style="font-family: 宋体;"><span style="font-size: 16px;">预审</span></span>
</p>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext black black; text-align: right; background-color: transparent;" colspan="2">
<textarea name="DATA_53" title="信息中心预审" style="width: 207px; height: 65px; font-size: 14px;" rows="1" cols="1" rich="0"></textarea><input name="DATA_102" title="信息中心签字" class="AUTO" datafld="SYS_USERNAME_DATE" style="width: 130px; height: 26px; font-size: 14px;" type="text" value="{MACRO}" hidden="0"/>
</td>
</tr>
<tr height="68" style="height: 68px;">
<td height="97" style="border-width: 1px; border-style: solid; border-color: black windowtext; text-align: center; background-color: transparent;">
<p style="text-align: center;">
<span style="font-family: 宋体; font-size: 16px;"><span style="font-family: 宋体; font-size: 16px;">主管部门</span></span>
</p>
<p style="text-align: center;">
<span style="font-family: 宋体; font-size: 16px;"><span style="font-family: 宋体; font-size: 16px;">审核</span></span>
</p>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext black black; text-align: right; background-color: transparent;" colspan="2">
<textarea name="DATA_52" title="主管部门审核意见" style="width: 200px; height: 65px; font-size: 14px;" rows="1" cols="1" rich="0"></textarea><input name="DATA_103" title="主管部门审核签字" class="AUTO" datafld="SYS_USERNAME_DATE" style="width: 130px; height: 24px; font-size: 14px;" type="text" value="{MACRO}" hidden="0"/>
</td>
<td style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<p style="text-align: center;">
<span style="font-family: 宋体;"><span style="font-size: 16px;">信息中心</span></span>
</p>
<p style="text-align: center;">
<span style="font-family: 宋体;"><span style="font-size: 16px;">审核<span style="font-family: 宋体; font-size: 16px;"></span></span></span>
</p>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext black; text-align: right; background-color: transparent;" colspan="2">
<textarea name="DATA_54" title="信息中心审核意见" style="width: 207px; height: 65px; font-size: 14px;" rows="1" cols="1" rich="0"></textarea><input name="DATA_105" title="信息中心审核" class="AUTO" datafld="SYS_USERNAME_DATE" style="width: 130px; height: 26px; font-size: 14px;" type="text" value="{MACRO}" hidden="0"/>
</td>
</tr>
<tr height="68" style="height: 68px;">
<td height="97" style="border-width: 1px; border-style: solid; border-color: black windowtext; text-align: center; background-color: transparent;">
<p style="text-align: center;">
<span style="font-family: 宋体; font-size: 16px;">部门分管</span>
</p>
<p style="text-align: center;">
<span style="font-family: 宋体; font-size: 16px;"> <span style="font-family: 宋体; font-size: 16px;">院长审批 </span></span>
</p>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext black black; text-align: right; background-color: transparent;" colspan="2">
<textarea name="DATA_122" title="部门分管院长审批" style="width: 200px; height: 65px; font-size: 14px;" rows="1" cols="1" rich="0"></textarea><select name="DATA_123" title="部门分管院长选择" style="width: 60px;"><option selected="selected" value=""></option>
<option value="同意">
同意
</option>
<option value="不同意">
不同意
</option></select> <input name="DATA_124" title="部门分管领导签字" class="AUTO" datafld="SYS_USERNAME_DATE" style="width: 130px; height: 24px; font-size: 14px;" type="text" value="{MACRO}" hidden="0"/>
</td>
<td style="border-width: 1px; border-style: solid; border-color: black windowtext windowtext; text-align: center; -ms-word-break: break-all; background-color: transparent;">
<p style="text-align: center;">
<span style="font-family: 宋体;"><span style="font-size: 16px;">信息分管</span></span>
</p>
<p style="text-align: center;">
<span style="font-family: 宋体;"><span style="font-size: 16px;">院长审批</span></span>
</p>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext black; text-align: right; background-color: transparent;" colspan="2">
<textarea name="DATA_125" title="信息分管院长审批意见" style="width: 207px; height: 65px; font-size: 14px;" rows="1" cols="1" rich="0"></textarea><select name="DATA_127" title="信息分管院长选择" style="width: 60px;"><option selected="selected" value=""></option>
<option value="同意">
同意
</option>
<option value="不同意">
不同意
</option></select> <input name="DATA_126" title="信息分管院长签字" class="AUTO" datafld="SYS_USERNAME_DATE" style="width: 130px; height: 24px; font-size: 14px;" type="text" value="{MACRO}" hidden="0"/>
</td>
</tr>
<tr height="68" style="height: 68px;">
<td height="97" style="border-width: 1px; border-style: solid; border-color: black windowtext; text-align: center; background-color: transparent;">
<p style="text-align: center;">
<span style="font-family: 宋体; font-size: 16px;"><span style="font-family: 宋体; font-size: 16px;"><span style="font-family: 宋体; font-size: 16px;">院长审批</span></span></span>
</p>
</td>
<td style="border-width: 1px; border-style: solid; border-color: windowtext black black; text-align: right; background-color: transparent;" colspan="5">
<p style="text-align: center;">
<textarea name="DATA_146" title="院长审批意见" style="width: 502px; height: 65px; font-size: 14px;" rows="1" cols="1" rich="0"></textarea>
</p>
<p>
<select name="DATA_147" title="院长审批选择" style="width: 60px;"><option selected="selected" value=""></option>
<option value="同意">
同意
</option>
<option value="不同意">
不同意
</option></select> <input name="DATA_148" title="院长签字" class="AUTO" datafld="SYS_USERNAME_DATE" style="width: 130px; height: 24px; font-size: 14px;" type="text" value="{MACRO}" hidden="0"/>
</p>
</td>
</tr>
https://static.52pojie.cn/static/image/hrline/4.gif
解决办法源码
jQuery("select").change(function(){
// 定义获取选择的值
var val1 = jQuery("select").val();
// 把值获取到了提取到文本框里面
jQuery("textarea").val(val1);
// 把选择框清空
jQuery("select").val("");
});
要把选择同意不同意的那段html代码贴出来 你可以下拉框选择后给下拉框添加一个display:none属性让他隐藏 轩云呀 发表于 2021-5-19 17:09
要把选择同意不同意的那段html代码贴出来
好的，已经铁到上面了，麻烦帮俺看看，谢谢！ 参考这样
<select onchange="change(this)">
<option value="1">同意</option>
<option value="2">不同意</option>
</select>
<script>
function change(_this){
var i = _this.selectedIndex;
var option = _this.querySelectorAll('option');
if(i==0){
option.style.display = 'block';
}else{
option.style.display = 'block';
}
option.style.display = 'none';
}
</script> 轩云呀 发表于 2021-5-19 17:26
参考这样
同意
:lol
有点看不懂，这个JS是别人写，我想搞个通用的，每个步骤都能用的，能否麻烦给我写一个学习下呢？不胜感激 本帖最后由 轩云呀 于 2021-5-19 17:49 编辑
sadfoo2019 发表于 2021-5-19 17:37
有点看不懂，这个JS是别人写，我想搞个通用的，每个步骤都能用的，能否麻烦给我写一个学习下呢？不 ...
那就用这段js代码就可以了$(function(){
$('select').change(function(){
var op = $(this).find('option:selected');
op.hide().siblings().show();
})
})
轩云呀 发表于 2021-5-19 17:09
要把选择同意不同意的那段html代码贴出来
我觉的他的意思是选择了下拉框后,把选择的选项填充到文本框里,然后隐藏这个下拉框,你现在是隐藏了这个下拉选项,和他期望的不符合,不知道我理解的是不是对的 星空下的泪雨 发表于 2021-5-19 17:47
我觉的他的意思是选择了下拉框后,把选择的选项填充到文本框里,然后隐藏这个下拉框,你现在是隐藏了这个下 ...
我理解是选了“同意”之后，不要“同意”这个选项了，但是“不同意”还是要的。 星空下的泪雨 发表于 2021-5-19 17:47
我觉的他的意思是选择了下拉框后,把选择的选项填充到文本框里,然后隐藏这个下拉框,你现在是隐藏了这个下 ...
对选了之后下面的就隐藏了不然打印出来下面也显示了 不好看