Question

我隐藏并根据Dropdown选项显示div。但是下拉总是返回0值。

＆＃13;

$(document).ready(function() {
  $('#rel_status').on('change', function() {
    if (this.value == 'never') {
      $("#pre_rel").hide();
    } else {
      $("#pre_rel").show();
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control" name="relationship_status" id="rel_status">
		<option value="-1">Please Select</option>
    <option value="never">Never Married</option>
    <option value="divorced">Divorced</option>
    <option value="waiting">Waiting for Divorce</option>
    </select>


<div id="pre_rel" style="display:none;">
  hi
</div>

＆＃13;

＆＃13; php代码：除了rel_status，所有其他字段都正常工作。它在数据库中保存为0.

if(isset($_POST['save']))
{
    $about_me= $_POST['about_me'];
    $relationship_status= $_POST['relationship_status'];
    $pre_relationship=$_POST['pre_relationship'];
    $weight=$_POST['weight'];
    $height=$_POST['height'];
    $eye_color=$_POST['eye_color'];
    $hair_color=$_POST['hair_color'];
    $language_first=$_POST['language_first'];
    $language_second=$_POST['language_second'];
    $ethnic_group=$_POST['ethnic_group'];
    $stmt = $conn->prepare("update  user set about_me='$about_me',rel_status='$relationship_status',pre_relationship='$pre_relationship',weight='$weight',height='$height',eye_color='$eye_color',hair_color='$hair_color',primary_language='$language_first',second_language='$language_second',ethnic_group='$ethnic_group' where user_id='".$_SESSION['userid']."'");

$stmt->bind_param("ssssssssss", $about_me,$relationship_status,$pre_relationship,$weight,$height,$eye_color,$hair_color,$language_first,$language_second,$ethnic_group);
$stmt->execute();

$ stmt-＆GT;关闭（）;

Answer 1

值属性无法访问选择值。你需要循环选项并追逐所选的标志。（如果使用多个attr，则select可以选择多个选项）

var val = null;
document.getElementById('mySelect').options.forEach(function(o) {
  if(o.selected) val = o.value;
});

下拉总是返回0

1 个答案: