1

私には2つの選択オプションがありますが、JavaScriptでそれらの間にほとんど複雑さが見つかりませんでした。これが私のJavaScriptコードです：

  function displayVals() {
     var singleValues = $("select option:selected").text(); //to stay slected
    $("#hiddenselect").val(singleValues);                   //hidden field of second select option
    $("samp").html("" + singleValues);             // this to insert text between samp tags
  $("select > option:first").prop("disabled", "disabled") // this to disable first option
  }

  $(document).ready(function(){
    $("select").change(function() {
        displayVals();
    });
    displayVals();

    $("select#menucompare").change(function() {
        $("#aform").submit();                   // second select options to submit

    });
      $("select#infmenu").change(function() {
        $("#infform").submit();                 // first select options to submit 

    });        
});

今私が期待しているのは：-最初の選択オプションのみ（最初のオプションは無効）、2番目の選択オプションも必要（最初のオプションは無効）

これが私の最初の選択オプションである私のhtmlコードです：

    <form action="" id="infform" method="post">
        <select id="infmenu" name ="infmenu" size="1" class="select" onchange="submitinfform()" >
       <option value="0" >Please Select your country</option>
        <option value="<?php echo $row9['id'] ;?>" <?php if ($_SESSION['infmenu'] == $row9['id']) { echo " selected='selected'"; } ?> ><?php echo $row9['name'] ;?></option><?php  } ?>
      </select>
     <input type="hidden" name="hiddenselect" value="<?php echo $infmenu;  ?>" />
   </form>

これは2番目の選択オプションです

    <form id="aform" method="post">
     <select id="menucompare" name ="menucompare" size="1" class="select" onchange="submitaform()">
         <option value="0">Select one</option>
         <option value="west" <?php if ($menucompare == "west") { echo " selected='selected'"; } ?> >West</option>
         <option value="est" <?php   if ($menucompare == "est") { echo " selected='selected'"; } ?> >Est</option>

    </select>
         <input type="hidden" name="hiddenselect" value="<?php echo $menucompare ;  ?>" />  

</form>

私はこれまで何日も過ごしてきましたあなたの時間に感謝します

4

3 に答える 3

2

コードをよく理解できません。ここにあなたが試すための小さな助けがあります：

最初の select 要素の選択された値 (value 属性) を取得するには、次を使用します。

$("#infmenu").val();

最初の select 要素の選択された値 (value 属性) を取得するには、次を使用します。

$("#menucompare").val();

「infmenu」と呼ばれる最初の選択で最初のオプションを無効にするには:

$("option", "#infmenu").first().attr("disabled", "disabled");

「infmenu」と呼ばれる 2 番目の選択で最初のオプションを無効にするには:

$("option", "#menucompare").first().attr("disabled", "disabled");

最初の選択要素の表示テキストを取得するには、次を使用します。

$("option:selected", "#infmenu").text();

2 番目の select 要素の表示テキストを取得するには、次を使用します。

$("option:selected", "#menucompare").text();
于 2012-08-30T19:48:29.570 に答える
1

使用している jQuery セレクターは$("select option:selected"). これは、「選択され、要素<option>の子であるすべてのタグを見つける」ことを意味します。<select>

2 つの<select>要素があるため、セレクターはそれらの両方に一致します。特定のものに一致させたい場合は、セレクターを改良する必要があります。2 つ目の ID 属性は既にあるので、 を使用してみてください$("#menucompare option:selected")。

変化する：

var singleValues = $("select option:selected").text(); //to stay slected

に：

var singleValues = $("#menucompare option:selected").text(); //to stay slected
于 2012-08-30T19:37:40.257 に答える
1

2 番目の選択タグを選択します。そのため、2 行目のjquery セレクターを変更する必要があります。

var singleValues = $("select:nth-child(2) option:selected").text();
于 2012-08-30T19:37:56.673 に答える