-1

ラジオ ボタン、コンボ ボックス、テキスト フィールド、および検索用のボタンを含む HTML ページがあります。テキストフィールドにテキストを入力し、ラジオボタンとコンボボックスの1つの値を選択すると、検索ボタンをクリックすると、データベースからの結果がこの値に基づいて表示されます:ラジオボタンの値+コンボボックスの値+の値textfield .これらの値を、Ajax を実行する ShowResult(str) 関数のパラメーターとして使用する必要があります。私のコードは次のとおりです。

function ShowResult(str)
{
if (str=="")
  {
  document.getElementById("Div1").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("div1").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getresult.asp?q="+str,true);
xmlhttp.send();
}
</script>
<html>
<head>
    <title>Untitled Page</title>
</head>
<body>
<form>
<input id="Text1" type="text" />
<input id="Button1" type="button" value="Search" onclick="ShowResult(str)" /><br />
 <select name="combox" >
 <option value="Des">Descending</option>
 <option value="Ase">Ascending</option>
 </select><br />
<input type="radio" name="group1" value="Added_date"/> Added_date<br/>
<input type="radio" name="group1" value="Price"/>      Price<br /> 
<input type="radio" name="group1" value="Name"/>       Name<br/>
   </form>

   <div id="Div1" ></div>
</body>
</html>

しかし、これらの値がどのように ShowResult(str) に渡されたのかわかりません ??? 私を助けてください。

4

1 に答える 1

0 
try this may help u it.
<script>
    function ShowResult() {
      var txtsearch=$("#Text1").val();
      var value =combox.options[combox.selectedIndex].value
      var radios = document.getElementsByName("group1");

    for (var i = 0; i < radios.length; i++) {       
        if (radios[i].checked) {
            alert(radios[i].value);
            var radioval=radios[i].value;
            break;
           }
         }
     var param="SearchText:"txtsearch,"Combo boxvalue:"value ,"radiobuttonvalue:"radios ;
      $.ajax({
            type: "POST",
            url: your servive url
            data: param,
            contentType: 'application/json',
            async: false,
            dataType: 'json',
            success: function (response) {

            },
            error: function (ErrorResponse) {



            }
        });
    }
</script>
<form>
<input id="Text1" type="text" />     
<input id="Button1" type="button" value="Search" onclick="ShowResult" />
<select name="combox" >
 <option value="Des">Descending</option>
 <option value="Ase">Ascending</option>
 </select><br />

<input type="radio" name="group1" value="Added_date"/> Added_date<br/>
<input type="radio" name="group1" value="Price"/>      Price<br /> 
<input type="radio" name="group1" value="Name"/>       Name<br/>
</form>
于 2013-02-02T09:17:21.623 に答える