-2

検索パラメータに応じて API を実行するこのサイトを構築しています。ドロップダウン値を決定するために if ステートメントを使用しました。しかし、何らかの理由で if ステートメントが実行されません。私が間違っていることはありますか？これがコードです

<!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" />
<script type="text/javascript"></script>
<title>Testing</title>
</head>
<body>
<form name="bestbuysearch">
<select name="selection" onchange="setvalue()">
<option value="default">Select Category(Optional)</option>
<option value="abcat0100000">TV & Home Theater</option>
<option value="abcat0207000">Musical Instruments</option>
<option value="abcat0300000">Car, Marine & GPS</option>
<option value="abcat0400000">Cameras & Camcorders</option>
<option value="abcat0500000">Computers & Tablets</option>
<option value="abcat0600000">Movies & Music</option>
<option value="abcat0700000">Video Games</option>
<option value="abcat0800000">Mobile Phones</option>
<option value="abcat0900000">Appliances</option>
<option value="pcmcat142300050026">Outlet Center</option>
<option value="pcmcat242800050021">Health, Fitness & Sports</option>
<option value="pcmcat245100050028">Office</option>
<option value="pcmcat248700050021">Home</option>

</select>
<input type='text' id="item" placeholder='Search Here!' style='margin-top: 10px' size="70" maxlength=150 width="100px" />       
<input type='submit' value="Search" onclick="getstring(document.getElementById('item').value)"/> 
</form>


<script>
function setvalue(){
dropval=document.getElementsByName("selection")[0];
maindropval=dropval.value;
} 
function getstring(x){
    //link="http://api.remix.bestbuy.com/v1/products(name="+x+"*)?show=sku,name,regularPrice&apiKey=ydpyq9h9cmpmzaakbawv9mzk";
    //link2= "http://api.remix.bestbuy.com/v1/products(name=ipad|shortDescription=32gb*)?show=sku,name,shortDescription&apiKey=ydpyq9h9cmpmzaakbawv9mzk";
    link1="http://api.remix.bestbuy.com/v1/products(name="+x+"*)?show=sku,name,regularPrice,shortDescription&apiKey=ydpyq9h9cmpmzaakbawv9mzk";  
    link2="http://api.remix.bestbuy.com/v1/products(categoryPath.id="+maindropval+"&name="+x+"*)?show=sku,name,shortDescription,regularPrice,&apiKey=ydpyq9h9cmpmzaakbawv9mzk";
    if(maindropval=='default'){ 
    alert("worked");
        window.open(link1);}    
    else{
        window.open(link2);}


}
function getresult(value){
link="http://api.remix.bestbuy.com/v1/products(name="+x+"*)?show=sku,name,rating,regularPrice&apiKey=ydpyq9h9cmpmzaakbawv9mzk";
alert("step 2 completed");
}
</script>
</body>
</html>
4

2 に答える 2

0

機能しない理由はmaindropval、ドロップダウンで選択を変更したときにのみ変数が設定されるためです。

変数の値を取得する"default"には、ドロップダウンの最初の項目以外を選択してから、最初の項目に戻す必要があります。

変数の初期値を設定します。

var maindropval = "default";

または、ページが読み込まれたときに関数を実行して値を設定します。

window.onload = setvalue;

(ブラウザが以前の選択からのフォーム値を記憶している場合は、2 番目の解決策が望ましいでしょう。その場合、変数はドロップダウンの記憶された値から設定されます。)

于 2012-07-05T22:13:31.587 に答える
0

マイクと私は同じ考えを持っていました。

ここにフィドルがあります...あなたの問題はmaindropvalのスコープです。

于 2012-07-05T22:13:47.967 に答える