首页 > 后端开发 > php教程 > option下拉菜单

option下拉菜单

WBOY
发布: 2016-06-23 13:23:19
原创
964 人浏览过

假设有两个select option的下拉菜单:

选择下拉菜单中的值通过按钮保存:


怎么能让option为1的时候按钮隐藏 为2的时候才可以点击.在线急等......
附js:

function checkSubmit(){	clearError();    var data = new Array();    var name1 = $('#name').val();    isNotBlank(name1, '名称', data);    if (data.length > 0) {        showWarning(data);        return true;    }    $('#frmdirection').submit();}
登录后复制



回复讨论(解决方案)

这个需要ajax 的change事件处理哦

<select name="country" id="city"><option value="1"> -请选择- </option><option value="2">test</option></select><input name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();" style="display:none"/><SCRIPT LANGUAGE="JavaScript" src="jquery.min.js"></SCRIPT><SCRIPT LANGUAGE="JavaScript">$('#city').change(function(){	var val=$(this).val();	if(val==2){		$("input[name=save]").show();	}else{		$("input[name=save]").hide();	}})</SCRIPT>
登录后复制
登录后复制

$('[name="save"]').hide();$('#city').change(function() {  if($(this).val() != 1) $('[name="save"]').show();)}
登录后复制
登录后复制

<select name="country" id="city"><option value="1"> -请选择- </option><option value="2">test</option></select><input name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();" style="display:none"/><SCRIPT LANGUAGE="JavaScript" src="jquery.min.js"></SCRIPT><SCRIPT LANGUAGE="JavaScript">$('#city').change(function(){	var val=$(this).val();	if(val==2){		$("input[name=save]").show();	}else{		$("input[name=save]").hide();	}})</SCRIPT>
登录后复制
登录后复制


这个不引用jquery的库 不可以么? 或者换个库如何? jquery-1.9.1.min.js和这个库有冲突 引用之后到时隐藏了 没有显示啊

$('[name="save"]').hide();$('#city').change(function() {  if($(this).val() != 1) $('[name="save"]').show();)}
登录后复制
登录后复制


请问您这个试验是成功的么?

所用的 getPreventDefault() 已不赞成使用。请使用 defaultPrevented 替代。 这个报错

哪来的 getPreventDefault ?

jquery.js 我引用了两个jquery插件 还有一个jquery-1.9.1.min.js

....不对 是这个报错SyntaxError: expected expression, got ')'

都给我整糊涂了 所用的 getPreventDefault() 已不赞成使用。请使用 defaultPrevented 替代。 报错是这个
SyntaxError: expected expression, got ')'这个是因为您写的代码)}这个反了 还没有; 嘻嘻

js 版

<select name="country" id="city" onChange="change(this);"><option value="1"> -请选择- </option><option value="2">test</option></select><input id="save" name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();" style="display:none"/><SCRIPT LANGUAGE="JavaScript">function change(_this){	var val=_this.options[_this.selectedIndex].value;	if(val==2){		document.getElementById('save').style.display="inline";	}else{		document.getElementById('save').style.display="none";	}}</SCRIPT>
登录后复制

谢谢你们,先结个帖。然后再问个问题
名称   这是个单选按钮吧。  在不改变value="1"的情况下  有没有什么方法 让‘名称’ 写在input里

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板