응답을 얻으려면 <select> 양식에 표시하십시오. <select>

본인은 인도 국가 및 도시 목록이있는 양식을 가지고 있습니다. 도시 중 하나를 선택하면 해당 도시의 도시가 도시를 표시하기 위해 <select>에 표시됩니다. 나는 어딘가에 (비슷한 웹 사이트) 호스팅 PHP 스크립트를 사용하고 그것이 내 목적을 해결할 수 있다고 생각합니다. 스크립트는 의 상태options을 매개 변수로 사용하고 해당 도시와 함께 <select>을 반환합니다.응답을 얻으려면 <select> 양식에 표시하십시오. <select>

스크립트는 http://www.indane.co.in/state.php?stateid=2196입니다. 여기서 2196은 선택된 상태의 ID/값입니다.

내 도시에서이 내용을 표시해야합니다.

어떻게하면 좋을지 제안 해주세요. 지금까지 나는이 시도했다

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script language="javascript"> 
function showcat(id,ss,type) 
{ 
    var cid=id.value; 
    if(type=='state') 
    { 
     document.getElementById("state_loading").style.visibility="visible"; 
     var response = httpGet("http://www.indane.co.in/state.php?stateid="+cid); 
     var id=document.getElementById('bgcity'); 
     id.innerHTML=response; 
    } 
} 
function httpGet(theUrl) 
    { 
    var xHRObject = new XMLHttpRequest(); 
var url = theUrl; 
xHRObject.open("GET", url, true); 
xHRObject.send(); 
xHRObject.onreadystatechange = function() { 
if (xHRObject.readyState==4 && xHRObject.status==200) { 
    var response = xHRObject.responseText;    
     return response; 
    } 
} 
    } 
</script> 
</head> 

<body> 
<select name="bgstate" id="bgstate" style="width:200px" onChange="showcat(this,'sub1','state');"> 
        <option value="">[ SELECT STATE ]</option> 
              <option value="2169" >Andhra Pradesh</option> 
              <option value="2196" >Arunachal Pradesh</option> 
              <option value="2170" >Assam</option> 
              <option value="2171" >Bihar</option> 
              <option value="5267" >Chhattisgarh</option> 
              <option value="2174" >Delhi</option> 
              <option value="2199" >Goa</option> 
              <option value="2175" >Gujarat</option> 
              <option value="2176" >Haryana</option> 
              <option value="2177" >Himachal Pradesh</option> 
              <option value="2178" >Jammu and Kashmir</option> 
              <option value="5268" >Jharkhand</option> 
              <option value="2185" >Karnataka</option> 
              <option value="2179" >Kerala</option> 
              <option value="2181" >Madhya Pradesh</option> 
              <option value="2182" >Maharashtra</option> 
              <option value="2183" >Manipur</option> 
              <option value="2184" >Meghalaya</option> 
              <option value="2197" >Mizoram</option> 
              <option value="2186" >Nagaland</option> 
              <option value="2187" >Orissa</option> 
              <option value="2189" >Punjab</option> 
              <option value="2190" >Rajasthan</option> 
              <option value="2195" >Sikkim</option> 
              <option value="2191" >Tamil Nadu</option> 
              <option value="2192" >Tripura</option> 
              <option value="5269" >UNION TERRITORY</option> 
              <option value="2193" >Uttar Pradesh</option> 
              <option value="5259" >Uttaranchal</option> 
              <option value="2194" >West Bengal</option> 

        </select>   
        <span id="state_loading" style="visibility:hidden;"><img src="http://www.indane.co.in/images/ajax_small_load.gif" /></span>  
       </td> 
      </tr> 

      <br/> 
      <tr valign="top"> 
       <td>&nbsp;</td> 
       <td height="25" >City <span class="error">*</span></td> 
       <td colspan="2"> 
       <span id="sub1"> 
       <select name="bgcity" style="width:200px" id="bgcity" > 
       <option value="">[SELECT CITY]</option> 
       </select> 
       </span> 
       <span id="city_loading" style="visibility:hidden;"><img src="http://www.indane.co.in/images/ajax_small_load.gif" /></span>   
       <input type="button" value="Search" onClick="showcat(document.getElementById('bgcity'),'sub2','city');" style="cursor:pointer;" /> 

      </tr>  
</body> 
</html>

출처

2013-09-04 Samarth Agarwal

당신은 http://www.indane.co.in/state.php에서 옵션을 가져와야합니다 ?에스 tateid = 2196 스크립트 및 html 페이지의 옵션로드 ... 도시 드롭 다운에서 –

http://www.indane.co.in은 매우 느립니다. 나는 시도했다. 그러나 나는 각 요청 당 2 분을 기다리지 않는다. 단지 너무 느린 사람. –

당신은 http://www.indane.co.in/state.php?stateid=2196에 드롭 다운을 만들고 대신 옵션 만 있습니다 .. –

문제 1 문제는 도시의 드롭 다운에 대한 URL은 선택 박스를 반환하고 다른 선택 박스와 함께 페이지에 선택 박스의 옵션을 교체하는 것입니다

또 다른 문제는 access-control-allow-origin 헤더입니다.

것은 대체 있도록 내가 스팬에 선택 상자와 관련된 ID를 제거한

function showcat(id,ss,type) 
{ 
    var cid=id.value; 
    if(type=='state') 
    { 
     document.getElementById("state_loading").style.visibility="visible"; 
     var response = httpGet("http://www.indane.co.in/state.php?stateid="+cid); 
     if(response !== undefined) 
     { 
      var id=document.getElementById('bgcity'); 
      id.innerHTML=response; 
     } 
    } 
}

로 showcat 변경시 다음과 같은

 <span id="bgcity"> 
     <select name="bgcity" style="width:200px" > 
     <option value="">[SELECT CITY]</option> 
     </select> 
     </span>

하여 페이지에 드롭 다운 교체 전체 드롭 다운 .. 그리고이 변화가 오류를 줄 것이다 귀하의 showcat 함수에서 두 번째 매개 변수를 제거 ...

출처

2013-09-04 06:24:12

'. 나는 충분히 길게 기다렸고, 일하지 않았다. –

응답을 얻으려면 <select> 양식에 표시하십시오. <select>

답변

관련 문제