Home  >  Article  >  Backend Development  >  option下拉菜单

option下拉菜单

WBOY
WBOYOriginal
2016-06-23 13:23:19905browse

假设有两个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里

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn