-2

顧客が利用できるドロップダウン メニューからの選択に従って、顧客にサンプル PDF を提供したいと考えています。

私が達成しようとしていることをお見せするためにjsfiddleを作成しました。

私のHTML：

<p>Please select from the options below to view a sample Investment Cost Analysis:</p>
<p>&nbsp;</p>
<p>
  <label for="type">* Combined Income:</label>
  <select name="income" id="income">
    <option selected="selected">- Please Select -</option>
    <option value="$30,000 - $80,000">$30,000 - $80,000</option>
    <option value="$80,000 - $180,000">$80,000 - $180,000</option>
    <option value="$180,000+">$180,000+</option>
  </select>
</p>
<p>
<label for="type">* Property Type:</label>
<select name="type" id="type">
  <option selected="selected">- Please Select -</option>
  <option value="house">House</option>
  <option value="unit">Apartment / Unit</option>
</select>
</p>
<p>
<label for="price">* Property Price:</label>
<select name="price" id="price">
  <option selected="selected">- Please Select -</option>
  <option value="$350,000">$350,000</option>
  <option value="$400,000">$400,000</option>
  <option value="$450,000">$450,000</option>
  <option value="$500,000">$500,000</option>
</select>
</p>
<p>
  <input type="submit" name="show" id="show" value="Show Sample" />
</p>

選択したオプションに応じて正しいファイルが表示されるようにするにはどうすればよいですか? また、[サンプルを表示] ボタンが機能する前に、3 つのオプションすべてが選択されていることを確認したいと思います。

これにはJavaScriptが必要なことはわかっていますが、それが私が立ち往生している場所です。JavaScript をどこから始めればよいかわかりません。

4

3 に答える 3

1

ドロップダウン機能の変更時に、リンクの href を変更します

$("#mydropdown").change(function(e) {

var dropdown value = $("#mydropdown").value();

//switch condition 
if(){
$("mylink").attr("href", "your file path"); 
//TODO 
}else if (){

}

 });
于 2013-01-29T06:45:00.967 に答える
0

これを試してください：http：//jsfiddle.net/9hqKN/2/

$('#show').hide();

$('select').change(function () {
  var income = $('#income').val();
  var type = $('#type').val();
  var price = $('#price').val();

  if (income == 0 || type == 0 || price == 0) {
    $('#show').hide();
  } else {
    $('#show').show();
  }
});

それぞれに値0を設定する編集が1つありますall first option<select>

于 2013-01-29T06:56:38.560 に答える
0

これは非常に簡単な例です。

更新: 明らかに、ユーザーのブラウザに PDF ビューアがない場合、ダウンロード ウィンドウが強制的に表示されます。

HTML :

<select id="pdfs">
    <option value="http://example.com/docs1.pdf">PDF 1</option>
    <option value="http://example.com/docs2.pdf">PDF 2</option>
    <option value="http://example.com/docs3.pdf">PDF 3</option>
</select>

JS :

var selectElem = document.getElementById('pdfs');

selectElem.onchange = function() {
  window.location = selectElem[selectElem.selectedIndex].value;
};
于 2013-01-29T06:45:57.993 に答える