option下拉菜单,该怎么处理

WBOY
リリース: 2016-06-13 12:27:00
オリジナル
897 人が閲覧しました

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

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


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

function checkSubmit()<br />{<br />	clearError();<br />    var data = new Array();<br />    var name1 = $('#name').val();<br />    isNotBlank(name1, '名称', data);<br />    if (data.length > 0) {<br />        showWarning(data);<br />        return true;<br />    }<br />    $('#frmdirection').submit();<br />}
ログイン後にコピー



------解决思路----------------------
<br /><select name="country" id="city"><br /><option value="1"> -请选择- </option><br /><option value="2">test</option><br /></select><br /><input name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();" style="display:none"/><br /><br /><SCRIPT LANGUAGE="JavaScript" src="jquery.min.js"></SCRIPT><br /><SCRIPT LANGUAGE="JavaScript"><br />$('#city').change(function(){<br />	var val=$(this).val();<br />	if(val==2){<br />		$("input[name=save]").show();<br />	}else{<br />		$("input[name=save]").hide();<br />	}<br />})<br /></SCRIPT><br />
ログイン後にコピー

------解决思路----------------------
$('[name="save"]').hide();<br />$('#city').change(function() {<br />  if($(this).val() != 1) $('[name="save"]').show();<br />)}<br />
ログイン後にコピー

------解决思路----------------------
js 版
<br /><select name="country" id="city" onChange="change(this);"><br /><option value="1"> -请选择- </option><br /><option value="2">test</option><br /></select><br /><input id="save" name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();" style="display:none"/><br /><br /><SCRIPT LANGUAGE="JavaScript"><br />function change(_this){<br />	var val=_this.options[_this.selectedIndex].value;<br />	if(val==2){<br />		document.getElementById('save').style.display="inline";<br />	}else{<br />		document.getElementById('save').style.display="none";<br />	}<br />}<br /></SCRIPT><br />
ログイン後にコピー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート