Question

我有两个下拉菜单。首先是选择你的位置。第二种是选择要上传的图片类型。（即选项1 - 阿克伦，选项2 - 天际线）。我在我的DropBox帐户中为这些选项设置了一个文件请求（DropBox生成的上传链接）（Akron，Skyline）。如果他们选择（Akron，Houses），它将是一个不同的上传链接。同样，（克利夫兰，街道）将是另一个上传链接。使用JQuery，我将链接发送到我的提交按钮HTML。无论我选择什么选项，我尝试的所有内容都会发送到该链接。（即即使我选择（Akron，Houses），一切都会进入（Akron，Skyline）链接。我的if语句中有一些错误，我无法弄明白。这是我的代码示例.if语句是对于（Akron，Skyline）组合。一旦我开始使用其他选项，我们将为其他选项编写附加代码。我已经用通用URL替换了上传链接。

<!DOCTYPE html>
        <html>
        <body>
            <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
            <p> Choose Your Location </p>
            <select id="Location Select">
                <option value="Choose Location">Choose Location</option>
                <option value="Akron">Akron</option>
                <option value="Alliance">Alliance</option>
                <option value="Ashland">Ashland</option>
                <option value="Barberton">Barberton</option>
                <option value="Bellaire">Bellaire</option>
            </select>
            <br>
            <br>
            <p> What Pictures or Videos are You Uploading? </p>
            <select id="Type Select">
                <option value="Choose Type">Choose Type</option>
                <option value="Skyline">Skyline</option>
                <option value="Streets">Streets</option>
                <option value="Houses">Houses</option>
            </select>
            <br>
            <br>
            <a href='URL'>
                <input type="button" value="Upload" />
                <script>
       if("#Location Select").val("Akron") && ("#Type  Select").val("Skyline"){
       $("a").attr("href",'https://www.google.com');
     }
     </script>
        </body>
        </html>

Answer 1

请注意

http://api.jquery.com/val/

.val（）不接受任何参数。

另请注意，您首先必须识别所选元素，然后获取其值。

HTML ID不应包含空格，并且任何给定文档中只应有一个特定字符串的ID。如果要描述元素的类型，请改用class。例如：

<p> Choose Your Location </p>
<select class="Select" id="Location">
  <option value="Choose Location">Choose Location</option>
  <option value="Akron">Akron</option>
  <option value="Alliance">Alliance</option>
  <option value="Ashland">Ashland</option>
  <option value="Barberton">Barberton</option>
  <option value="Bellaire">Bellaire</option>
</select>
<br>
<br>
<p> What Pictures or Videos are You Uploading? </p>
<select class="Select" id="Type">
  <option value="Choose Type">Choose Type</option>
  <option value="Skyline">Skyline</option>
  <option value="Streets">Streets</option>
  <option value="Houses">Houses</option>
</select>
<br>
<br>
<a href='URL'>
  <input type="button" value="Upload" />

<script>
$('input').click((e) => {
  e.preventDefault();
  const location = $('#Location')[0];
  const type = $('#Type')[0];
  const locationVal = location.options[location.selectedIndex].value;
  const typeVal = type.options[type.selectedIndex].value;
  if (locationVal === 'Akron' && typeVal === 'Skyline') {
    console.log('Akron/Skyline');
  } else {
    console.log(`Other, ${locationVal} ${typeVal}`);
  }
});
</script>

（根据目前的代码，你根本不需要class="Select"）

Answer 2

这个代码。它缺少$以及括号。

if($("#Location Select").val("Akron") && $("#Type  Select").val("Skyline")){
       $("a").attr("href",'https://www.google.com');
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
        <html>
        <body>
            <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
            <p> Choose Your Location </p>
            <select id="Location Select">
                <option value="Choose Location">Choose Location</option>
                <option value="Akron">Akron</option>
                <option value="Alliance">Alliance</option>
                <option value="Ashland">Ashland</option>
                <option value="Barberton">Barberton</option>
                <option value="Bellaire">Bellaire</option>
            </select>
            <br>
            <br>
            <p> What Pictures or Videos are You Uploading? </p>
            <select id="Type Select">
                <option value="Choose Type">Choose Type</option>
                <option value="Skyline">Skyline</option>
                <option value="Streets">Streets</option>
                <option value="Houses">Houses</option>
            </select>
            <br>
            <br>
            <a href='URL'>
                <input type="button" value="Upload" />

        </body>
        </html>

组合两个下拉菜单以确定提交按钮链接

2 个答案: