<select class="form-control m-b" name="type" id="type">
<option value="">請選擇型別</option>
<option value="https://bbs.csdn.net/topics/1">選擇1</option>
<option value="https://bbs.csdn.net/topics/2">選擇2</option>
</select>
<div id="show1">
<input type="text" name="txt" id="txt" value="https://bbs.csdn.net/topics/1111">
</div>
<div id="show2">
<input type="text" name="txt" id="txt" value="https://bbs.csdn.net/topics/2222">
</div>
<button type="button" id="shuchu" value="https://bbs.csdn.net/topics/輸出"></button>
<script src="https://bbs.csdn.net/topics/js/jquery-3.4.1.min.js"></script>
<script>
$("body").delegate("#type", "change",function(){
if($("#type").val()==2){
$("#show2").show();
$("#show1").hide();
}else{
$("#show1").show();
$("#show2").hide();
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("button").on("click",function(){
alert($("#txt").val());
});
});
</script>
uj5u.com熱心網友回復：
alert($("#txt").val());2個input的id一樣獲取了第一個肯定輸出是11111
uj5u.com熱心網友回復：
我知道id相同，就是想隱藏其中一個，然后獲取顯示的那個uj5u.com熱心網友回復：
親 一個頁面中id不要重復uj5u.com熱心網友回復：
<div id="show1"><input type="text" name="txt" id="txt1" value="https://bbs.csdn.net/topics/1111">
</div>
<div id="show2">
<input type="text" name="txt" id="txt2" value="https://bbs.csdn.net/topics/2222">
</div>
var id = '#txt'+$("#type").val()
alert($(id).val());
uj5u.com熱心網友回復：
點擊1時就給1添加一個id=txt點擊2時把兩個id都賦值為空，然后給2加一個id。轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/211622.html
標籤：HTML(CSS)
下一篇：Nodejs 安裝失敗