分类：互联网开发

html

<input list=”ex_list1″ id=”input” onchange=”inputSelect()” width=”99px” placeholder=”xxx.xxx.xxx.xxx” />
<datalist id=”ex_list1″ >
<option label=”10.0.23.xxx” value=”10.0.23.1~62″ data-value=”10.0.23.1~62″ data-id=”1″ firstIp=”1″ lastIp=”62″ />
<option label=”10.0.23.xxx” value=”10.0.23.64~127″ data-value=”10.0.23.64~127″ data-id=”2″ firstIp=”63″ lastIp=”127″ />
<option label=”10.0.23.xxx” value=”10.0.23.129~192″ data-value=”10.0.23.129~192″ data-id=”3″ firstIp=”129″ lastIp=”192″ />
</datalist>

JS

function exdatasel(){
alert(“0000”);

var input_select = $(“#input”).val();
var after_value = input_select.split(“.”);
var new_value = after_value[0] + “.” + after_value[1] + “.” + after_value[2] + “.xxx”;
$(“#input”).val(new_value);
var option_length = $(“#netsegments”).find(“option”).length;
var data_id = ”;
var firstIp = 1;
var lastIp = 255;
for(var i = 0; i < option_length; i++){
var option_value = $(“option”).eq(i).attr(‘data-value’);
if(input_select == option_value){
data_id = $(“option”).eq(i).attr(‘data-id’);
firstIp = $(“option”).eq(i).attr(‘firstIp’);
lastIp = $(“option”).eq(i).attr(‘lastIp’);
break;
}
}
alert(‘111’);
alert($(“option”).eq(i).attr(‘label’));
alert(‘222’);
console.log(“input_select:” + input_select + “,option_length:” + option_length);
console.log(“data_id:” + data_id + “,firstIp:” + firstIp + “,lastIp:” + lastIp);
//$(“#expresscosel”).attr(“value”,o.loginName);
//loaddataSQL(1);
//if ($(“#usercode”).value!=””) getbaseList();

}