jQuery操作select 的option

成都創新互聯公司是一家專業提供黃島企業網站建設,專注與網站設計、網站制作、H5技術、小程序制作等業務。10年已為黃島眾多企業、政府機構等服務。創新互聯專業網站建設公司優惠進行中。

$(function(){
$("#addip").click(function(){
var $beginip1=$("#s_ip_1").val();
var $beginip2=$("#s_ip_2").val();
var $beginip3=$("#s_ip_3").val();
var $beginip4=$("#s_ip_4").val();
var $endip1=$("#e_ip_1").val();
var $endip2=$("#e_ip_2").val();
var $endip3=$("#e_ip_3").val();
var $endip4=$("#e_ip_4").val();
var $beginip=$beginip1+"."+$beginip2+"."+$beginip3+"."+$beginip4;
var $endip=$endip1+"."+$endip2+"."+$endip3+"."+$endip4;
//檢查IP段
if($beginip1>$endip1){
alert("起始IP不能大于結束IP地址");
}
//驗證數據庫是否存在

//添加到select的選項
if($("#ip_type:checked").val()=="1"){
//IP段
$("#limit_ip_list").append("<option value='"+$beginip+"~"+$endip+"'>"+$beginip+"~"+$endip+"</option>");
}else{
$("#limit_ip_list").append("<option value='"+$beginip+"'>"+$beginip+"</option>");
}
});
});

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2"><input type="radio" name="ip_type" id="ip_type" value="1" checked="checked"/>
IP段
<input type="radio" name="ip_type" id="ip_type" value="0" />
IP值</td>
<td>被限制的IP列表</td>
<td></td>
</tr>
<tr>
<td><input name="s_ip_1" id="s_ip_1" type="text" size="4" value="192">
.
<input name="s_ip_2" id="s_ip_2" type="text" size="4" value="168"/>
.
<input name="s_ip_3" id="s_ip_3" type="text" size="4" value="0"/>
.
<input name="s_ip_4" id="s_ip_4" type="text" size="4" value="0"/></td>
<td rowspan="3"><input type="button" name="addip" id="addip" value="=>" /></td>
<td rowspan="3"><select style="width:230px" size="5" multiple="multiple" id="limit_ip_list" name="limit_ip_list">
<option value="192.168.1.0~192.168.1.255">192.168.1.0~192.168.1.255</option>
<option value="192.168.0.100">192.168.0.100</option>
</select></td>
<td rowspan="3"> 可雙擊刪除<br />
<input type="button" name="delip" id="delip" value="刪除選擇" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF">~</td>
<td></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><input name="e_ip_1" id="e_ip_1" type="text" size="4" value="192">
.
<input name="e_ip_2" id="e_ip_2" type="text" size="4" value="168"/>
.
<input name="e_ip_3" id="e_ip_3" type="text" size="4" value="0"/>
.
<input name="e_ip_4" id="e_ip_4" type="text" size="4" value="0"/></td>
<td></td>
</tr>
</table>

當前名稱：網站開發中jQuery操作select的option
標題來源：http://www.yijiale78.com/article14/sghhde.html

成都網站建設公司_創新互聯，為您提供移動網站建設、軟件開發、服務器托管、電子商務、Google、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯